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

我想禁用用户打开弹出窗口（但他可以滚动它）在网页上滚动。如何禁用移动浏览器上的滚动？

弹出元素具有以下属性：

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

该解决方案完全在桌面浏览器中运行，但不幸的是不在手机上。

在手机上，始终可以滚动（但滚动速度较慢）。

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

在此先感谢。

来源

2017-06-02 lama02

更改主体position至fixed。这将禁用滚动。

来源

2017-06-02 14:50:44 Angie

谢谢，但我不能，我想保持身体滚动和固定位置重置它。 – lama02

但是只有在弹出窗口打开的状态下才尝试使用？或者是Body和Popup之间的叠加，这将被固定，所以“滚动”几乎不会做任何事情。 – Angie

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

回答

相关问题