Fork me on GitHub

css scrollbar 滚动条样式

发表于 | 热度 ℃
| 字数统计 91 | 阅读时长 1

效果：
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)-------------