javascript - 使用 jQuery 将 位置设置为固定时避免恢复到页面顶部

Question

我在页面上使用固定的覆盖 div，以便在用户单击某个按钮时显示其他内容。

这样做的问题是，在 iOS 上，后面的内容往往会滚动，而不是覆盖的 div。

我发现的唯一有效的解决方案是使用 jQuery 来更改 的类，并在选择覆盖层 div 时将其位置切换为固定(和溢出:隐藏)(然后在关闭覆盖层时再次返回) )。例如

$(document).ready(function(){
$("#filter-btn, .close-filter").click(function(){
$("body").toggleClass("fix");
});
});

虽然这有效，但当更改为“固定”到顶部时，它也会导致正文本身内的内容向上移动到页面顶部，当固定覆盖 div 淡入时，顶部暂时可见。

有什么办法可以阻止这种情况发生吗？

Answer 1

这通常可以通过将 body 高度设置为 100% 并在应用于 body 的类的 css 规则中设置 overflow:hidden 来解决