怎么隐藏手机页面的纵向滚动条？ 让内容不隐藏，还能上下滑动

Question

如题？

Answer 1

使用CSS伪类可以做到
::-webkit-scrollbar{width:0;height:0}
如果你只要消除一部分元素的滚动条
只需要加上选择器就好
tag#id.class::-webkit-scrollbar{width:0;height:0}
同时移动端浏览器基本上都是webkit核, 所以兼容性基本不考虑

但是
网页滚动条是有语义的, 这是给用户判断当前视区占总视区的比例的有效方式, 你真要把它隐掉请三思追问

html::-webkit-scrollbar,
body::-webkit-scrollbar{
width:0;
height:0;
}
不行啊，html和body都加了，还是有滚动条

追答

那你参照着所有的scrollbar设置在你的浏览器测试看看

edu.cnzz.cn/201212/836936e7.shtml
注意, 模拟渲染的页面可能和真正的浏览器间有差别

本回答被提问者和网友采纳