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

Question

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

弹出元素具有以下属性：

#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。那将禁用滚动。