首先大家需要在CSS中添加以下代码:
html, body { overflow: hidden; }
这会使整个网页中的滚动条都被隐藏掉。但是如果大家需要在某个元素中显示滚动条呢?比如一个高度固定的Div元素。这就需要用到下面的代码:
div { overflow: auto; -webkit-overflow-scrolling: touch; }
这个代码块的作用是让这个Div元素在滚动内容过多时出现滚动条,并且使用-webkit-overflow-scrolling属性可以使滑动更加流畅。
总结来说,CSS移动端屏蔽滚动条的方法就是在html和body元素中添加overflow:hidden属性,然后在需要出现滚动条的元素中添加overflow:auto和-webkit-overflow-scrolling:touch属性。这样就可以在移动设备上优化网页的滑动操作体验了。