gpt4 book ai didi

android - 移动(android 和 ios)浏览器忽略隐藏在正文、html 和容器中的溢出

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:03:31 26 4
gpt4 key购买 nike

我的网站有一些叠加层(灯箱),我需要防止页面在它们打开时在它们下面滚动。所以我使用了一些 jQuery 将 overflow: hidden; 添加到 bodyhtml#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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com