Vue 弹出层时 禁止页面滑动
上代码 /***滑动限制***/stop(){var mo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},
·
上代码
/***滑动限制***/
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);
}
移动端弹出框时可以调用使用者两个方法,如果不是Vue,可以直接给html设置overflow:hinder
更多推荐
已为社区贡献8条内容
所有评论(0)