Fork me on GitHub

css scrollbar 滚动条样式

效果:
scrollbar

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// 滑块
.list-scroll::-webkit-scrollbar-thumb{
background-color: #fff;
border-radius: px(9);
}
// 如果需要 hover 态
.list-scroll::-webkit-scrollbar-thumb:hover{

}
// 滚动条
.list-scroll::-webkit-scrollbar{
width: px(13);
height: px(13);
display: block;
border-radius: px(13);
}
// 轨道
.list-scroll::-webkit-scrollbar-track{
background-color: #cd6624;
border-radius: px(13);
@include webkit(box-shadow, inset 0 0 px(4) rgba(0,0,0,0.3));
}

更多参考这里

-------------感谢您的阅读 有问题请留言(或mailto:frostbelt@sina.cn)-------------