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

最新推荐文章于 2022-11-30 18:57:33 发布

原创最新推荐文章于 2022-11-30 18:57:33 发布 · 608 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #vue.js #javascript

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

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;         
}

直接调用方法即可！