在 Modal 中滚动使 Safari 上的背景滚动

【问题标题】：Scrolling in Modal makes background scroll on Safari在 Modal 中滚动使 Safari 上的背景滚动
【发布时间】：2013-03-29 17:37:11
【问题描述】：

我需要一些帮助来解决一件烦人的事情。我有一个模态弹出窗口，里面有垂直滚动条。在模态框内滚动时，有时背景会滚动。我已经尝试添加

body{
position:relative;
overflow: hidden;
}

在大多数浏览器上都可以正常工作，但我 iPhone 的 Safari 仍然可以滚动！

请帮我看看如何解决这个问题！

问候克里斯蒂安

【问题讨论】：

【解决方案1】：

$('body').css('overflow','hidden');
$('body').css('position','fixed');

为我做的。

【讨论】：

如果您在打开模式之前已经向下滚动，那么将 body 设置为 fixed 并隐藏溢出将强制 body 向上滚动。
@matb33 所以任何没有滚动到顶部的修复
@adit 并非没有引入一些 javascript。可以将 body 向上移动（位置：相对；顶部：-x）scrollTop 的距离，但是如果可以调整浏览器的大小，这可能会有其他挫折。