我的网站有一些覆盖层(灯箱),我需要防止页面在它们打开时在它们下面滚动。所以我使用了一些 jQuery 来添加overflow: hidden;
to body
, html
, #page
。这在桌面浏览器上运行良好,但移动浏览器似乎不遵循规则。
我的页面结构是:
<html>
...
<body>
<div id="page">
...
</div>
</body>
</html>
我的 jQuery 只是在单击触发器时将类放在三个元素上。 jQuery 正在工作(应用样式)并且我没有收到任何错误。
是否有已知的错误和/或已知的修复?
使用大致相同的想法,但设置一个类noscroll
而不是直接将样式应用于元素。
.noscroll { overflow: hidden; }
如果我没记错的话,这个功能在 iOS 7 之前一直有效。
做了一些实验,看来这确实有效。
.noscroll { overflow: hidden; position: fixed; }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)