我的网站有一些叠加层(灯箱)，我需要防止页面在它们打开时在它们下面滚动。所以我使用了一些 jQuery 将 overflow: hidden; 添加到 body、html、#page。这在桌面浏览器上运行良好，但移动浏览器似乎不遵守规则。
我的页面结构是:
<html>
...
<body>
<div id="page">
...
</div>
</body>
</html>
我的 jQuery 只是在单击触发器时将类放在三个元素上。 jQuery 正在运行(应用样式)并且我没有收到任何错误。
是否存在已知错误和/或已知修复？
最佳答案
使用大致相同的想法，但设置一个 noscroll 类，而不是直接将样式应用于元素。
.noscroll { overflow: hidden; }
如果我没记错的话，它在 iOS 7 之前一直有效。
进行了一些试验，似乎可以解决问题。
.noscroll { overflow: hidden; position: fixed; }
关于android - 移动(android 和 ios)浏览器忽略隐藏在正文、html 和容器中的溢出，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26288938/