移动端通过CSS隐藏滚动条

给设置滚动的元素添加hideScrollbar这个类就可以。

.hideScrollbar::-webkit-scrollbar{
    display: none;
}

这里说个题外话，这里为何只加了一个-webkit-，而没有加其它内核的hack。

这是因为Webkit内核的适用范围则较为广泛，Android原生浏览器、苹果的Safari、谷歌的Chrome(Android4.0)都是基于Webkit开源内核开发的。

对于Android手机而言，使用率最高的就是Webkit内核，我们看到很多手机浏览器厂商都宣称有着自主内核，比如手机UC就号称采用了U3内核、而华为也经常标榜自己的天天浏览器采用了T9内核，事实上，他们都是基于开源内核Webkit进行二次开发的，并不是完全的自主内核。

而在iOS以及WP7平台上，由于系统封闭，不允许除系统自带浏览器内核以外的浏览器内核进入，因此各家浏览器的开发均为在Safari或者IE内核的基础上进行二次开发，优化功能和自制UI。比如海豚、遨游等浏览器就是直接采用系统自带浏览器的内核，这点从这几款浏览器的HTML5评分与系统自带浏览器评分结果完全一致就可以看出。