css实现hover显示滚动条

1,682 阅读1分钟

通过css实现hover显示滚动条,css对大家来说应该so easy,直接上代码,使用的是sass预编译处理器

.tabs{
    width: calc(100% - 200px);
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.tabs:hover{
    overflow: hidden;
    overflow-x: auto;
}
.tabs:hover::-webkit-scrollbar{
    height:5px;
}