CSS在移动端隐藏滚动条/自定义滚动条（scrollbar的各种属性）_css 移动端滚动条

一个丑丑的滚动条在某些时候是非常碍眼的，移动端由于屏幕小的缘故，更是显眼，最好还是让它能不出现，就不出现。除了用div遮罩外，许多浏览器内核也提供了私有属性控制滚动条的样式。移动端多为weibkit内核，滚动条的定制方案提供的很完善，蛮强大的哦~

最基本的，overflow属性先设置好auto或者scroll，而不是hidden，毕竟我们仅仅是隐藏了滚动条，而不是让它整个都不能滚了。。。

滚动条的涵义

::webkit-scrollbar   //1 滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。
::webkit-scrollbar-button //2 滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
::webkit-scrollbar-track   //3  外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。
::webkit-scrollbar-track-piece //4  内层轨道，滚动条中间部分（除去）。
::webkit-scrollbar-thumb  //5  滚动条里面可以拖动的那部分
1
2
3
4
5
6