模式打开时禁用触摸滚动

Question

我在移动设备上的网站上使用全屏模式。问题是触摸模态框会导致正文页移动，即使它溢出：隐藏；

这就是 bootstrap 所说的：

支持溢出：隐藏在元素上是相当有限的 iOS 和安卓。为此，当您滚动超过顶部或底部时 在这些设备的浏览器中的任何一个模式中，内容 将开始滚动。

我能做些什么来防止这种情况发生？

将 body 设置为 position:fixed 会导致滚动以一种丑陋的方式跳到顶部。如果有人想出一个最好的解决方案是什么？

Answer 1

我之前也有同样的问题。

我所做的是将正文更改为 overflow:hidden 并将 height 固定为模式 height 并记住文档滚动位置。关闭模态框后，我将记住的滚动位置和height 应用到auto。

这很复杂，因为我需要我的模态框比窗口大，并且我希望能够滚动模态框。