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

我试图在用户打开弹出窗口时禁用网页滚动（但他可以滚动）

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;');

这个解决方案在桌面浏览器上工作得非常完美，但不幸的是，它在移动设备上不起作用

在移动设备上，始终可以滚动（但滚动速度较慢）

如何在手机浏览器上禁用滚动

---

提前感谢。

将车身

位置更改为
固定
。这将禁用滚动。
谢谢，但我不能，我想保持主体滚动，并在固定位置重置它。但仅在弹出窗口打开时才尝试？或者只是在主体和弹出窗口之间的覆盖，这将是固定的，所以“滚动”几乎什么都不做。