在移动端,滚动条会自动隐藏,如果想显示要怎么办呢?
.left{
width: pxTorem(170px);
overflow: hidden;
overflow-y: auto;
}
.left::-webkit-scrollbar-track-piece {
background-color: rgba(0, 0, 0, 0);
border-left: pxTorem(1px) solid rgba(0, 0, 0, 0);
}
.left::-webkit-scrollbar {
width: pxTorem(5px);
height: pxTorem(13px);
-webkit-border-radius: pxTorem(5px);
-moz-border-radius: pxTorem(5px);
border-radius: pxTorem(5px);
}
.left::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.5);
background-clip: padding-box;
-webkit-border-radius:pxTorem(5px);
-moz-border-radius: pxTorem(5px);
border-radius:pxTorem(5px);
min-height: pxTorem(28px);
}
.left::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.5);
-webkit-border-radius: pxTorem(5px);
-moz-border-radius: pxTorem(5px);
border-radius: pxTorem(5px);
}
(pxTorem是转换rem的函数,可以忽略)