我正在尝试在用户打开弹出窗口时禁止在网页上滚动(但他可以滚动它)。
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;');
该解决方案可以完美地在桌面浏览器上运行,但不幸的是不适用于移动设备。
在移动设备上,始终可以滚动(但是滚动速度很慢)。
如何禁用移动浏览器上的滚动功能?
提前致谢。
最佳答案
将主体position
更改为fixed
。这将禁用滚动。
关于javascript - 如何在移动浏览器上禁用滚动?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44331653/