健壮男子:
[code=html]
亲测 -- 移动端IOS html网页隐藏滚动条
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
}
html,
body {
height: 100%;
overflow: hidden;
overflow-y: scroll;
/* 使得ios滑动流畅 */
-webkit-overflow-scrolling: touch;
}
PS :
- 想要使得移动端不出现滚动条， 有2个要素 ： 一个是设置body显式的拥有scroll :
- 有些场景 -webkit-overflow-scrolling: touch; 会导致滚动条不出现, 不知道你们有没有这样的情况
- 设置 height: 100%; overflow: hidden; overflow-y: scroll; 是重点
- 设置 body 的 `overflow: hidden;` 会导致用户跳转页面时， 浏览器不再记录上一页所在位置， 最后效果和这个一样 ： https://blog.csdn.net/wsln_123456/article/details/106207044
[/code]