页面弹出全屏浮层或遮罩时,禁止底层body滚动

Posted cckui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面弹出全屏浮层或遮罩时,禁止底层body滚动相关的知识,希望对你有一定的参考价值。

· 解决方法

针对弹出的浮层的 touchmove事件,添加阻止浏览器默认行为。

$('.mask-wrapper').on('touchmove', function (event) { // 监听滚动事件
    event.preventDefault(); // 禁止浏览器默认行为
})

以上是关于页面弹出全屏浮层或遮罩时,禁止底层body滚动的主要内容,如果未能解决你的问题,请参考以下文章

弹出遮罩层后禁止底部页面滚动

移动端在有弹出层时如何禁止底层的滚动

移动端弹出层加遮罩后禁止滑动

vue 弹窗禁止底层滚动

移动端遮罩层滚动时,禁止底部滑动

移动端遮罩层滚动时,禁止底部滑动