Javascript 设置时避免返回到页面顶部<；车身>；使用jQuery固定位置

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

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

我找到的唯一有效解决方案是，每当选择显示覆盖div时（然后在关闭覆盖时再次返回），使用jQuery更改的类并将其位置切换为fixed（和overflow:hidden）。例如

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

---

有什么方法可以防止这种情况发生吗？

通常可以通过在应用于主体的类的css规则中将主体高度设置为100%和

溢出：隐藏

来解决这一问题。通常，只需将主体高度设置为100%和

溢出：隐藏

就是所需的全部。在这种情况下，hanks似乎不起作用但是，您是否删除了

位置：已修复

？最好的建议是查看其他覆盖层并检查它们是如何做到的。。。方法通常是sameAha，这就成功了。老实说，我以为我已经试过了，但显然没有。：）@J.Doe-只是好奇，你是说设置

高度：100%；溢出：hidden

阻止了正文向上滚动，也阻止了内容从覆盖中滚动（假设您位于覆盖的顶部/底部并继续滑动/拖动？）我尝试了一些方法，但这显然不起作用。我所能想到的只是一个基于JS的解决方案，但我不太确定如何创建复制该解决方案的演示，但您使用的是

fixed

for body…为什么？只是为了让覆盖后面的内容在打开时不会滚动。我相信这是ios的问题。

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