解决h5页面点击原生弹窗后，弹框下内容滑动

StriplingLee

于 2021-08-19 10:46:09 发布

阅读量588

点赞数

CC 4.0 BY-SA版权

文章标签： html5 vue.js javascript

本文链接：https://blog.youkuaiyun.com/StriplingLee/article/details/119796610

本文介绍了如何通过JavaScript实现页面触摸滑动的禁止与解除，适用于移动端开发中控制用户体验的场景。方法包括stop()阻止滑动和move()恢复滚动功能，适合快速上手操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

stop(){
        var mo=function(e){e.preventDefault();};
        document.body.style.overflow='hidden';
        document.addEventListener("touchmove",mo,false);//禁止页面滑动
    },
    /***取消滑动限制***/
move(){
        var mo=function(e){e.preventDefault();};
        document.body.style.overflow='';//出现滚动条
        document.removeEventListener("touchmove",mo,false);
        this.selfTestDialogVisible=false;         
}

直接调用方法即可！