如何在移动浏览器上禁用滚动？

Question

我正在尝试在用户打开弹出窗口时禁用网页上的滚动（但他可以滚动它）。

popup元素具有以下属性：

#popup {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: fixed;
    background-color: #3F3F3F;
    overflow: auto;
    left: 0;
    top: 0;
}

当用户打开弹出窗口时，会调用以下代码：

$('#popup').show();
$('html').attr('style', 'overflow: hidden;');
$('body').attr('style', 'overflow: hidden; position: relative;');

此解决方案完美适用于桌面浏览器，但不幸的是不在移动设备上。

在移动设备上，它总是可以滚动（但滚动速度很慢）。

如何在移动浏览器上禁用滚动？

提前致谢。

Answer 1

将正文position更改为fixed。这将禁用滚动。