移动端点击弹出模态框禁止页面滑动

最新推荐文章于 2023-05-31 23:12:00 发布

catherinawwww

最新推荐文章于 2023-05-31 23:12:00 发布

阅读量3.8k

点赞数 2

分类专栏：技术资料

本文链接：https://blog.csdn.net/weixin_38747509/article/details/81197610

版权

技术资料专栏收录该内容

188 篇文章 1 订阅

订阅专栏

其实无需js脚本监听，只需在点击打开或关闭弹框时改变html和body元素的固定类型以及结合overflow属性的变化而改变。

/***禁止滑动***/
stop() {
    document.documentElement.style.position = 'fixed';
    document.body.style.overflow = 'hidden'; //隐藏滚动条
},
/***取消滑动限制***/
move() {
    document.documentElement.style.position = 'static';
    document.body.style.overflow = ''; //出现滚动条
},