移动端滚动条

1.内容过长，想要设置滚动条来滚动内容，可以给内容父级一个height，再给overflow:scorll

2.由于谷歌浏览器默认的滚动条是会自动隐藏的，想要滚动条一直固定显示，只能修改滚动条内核，代码如下

1. list {  
2.     overflow: hidden;  
3.     overflow-y: auto;  
4. }  
5. .list::-webkit-scrollbar-track-piece {  
6.     rgba(0, 0, 0, 0);  
7.     border-left: 1px solid rgba(0, 0, 0, 0);  
8. }  
9. .list::-webkit-scrollbar {  
10.     width: 5px;  
11.     height: 13px;  
12.     -webkit-border-radius: 5px;  
13.     -moz-border-radius: 5px;  
14.     border-radius: 5px;  
15. }  
16. .list::-webkit-scrollbar-thumb {  
17.     rgba(0, 0, 0, 0.5);  
18.     background-clip: padding-box;  
19.     -webkit-border-radius: 5px;  
20.     -moz-border-radius: 5px;  
21.     border-radius: 5px;  
22.     min-height: 28px;  
23. }  
24. .list::-webkit-scrollbar-thumb:hover {  
25.     rgba(0, 0, 0, 0.5);  
26.     -webkit-border-radius: 5px;  
27.     -moz-border-radius: 5px;  
28.     border-radius: 5px;  
29. }