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

其实无需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 = ''; //出现滚动条
},

猜你喜欢

转载自blog.csdn.net/weixin_38747509/article/details/81197610
今日推荐