模态打开时禁用触摸滚动

Question

我在移动设备上的网站上使用全屏模式。 问题在于，触摸模态将导致正文页面移动，即使它已溢出：

这是有关引导的内容：

支持溢出：在iOS和Android中，隐藏在元素上的功能非常有限。 为此，当您在任一设备的浏览器中滚动经过某个模式的顶部或底部时，内容将开始滚动。

我该怎么做才能防止这种情况？

将主体设置为position：fixed会使滚动条以难看的方式跳到顶部。 如果有人想出最好的解决方案？

Answer 1

我自己之前也有过同样的问题。

我所做的就是将主体更改为overflow:hidden且固定的height等于模式height并记住文档的滚动位置。 关闭模态后，我将回想起的滚动位置和height应用于auto 。

它是如此复杂，因为我需要模态大于窗口，并且希望能够滚动模态。