移动端屏幕禁止滑动

佚名 6年前 (2019-04-22) 随笔 1558人围观抢沙发百度已收录

最近做移动端，弹出框加遮罩层后禁止滑动

//实现滚动条无法滚动
var mo=function(e){e.preventDefault();};

/***禁止滑动***/
function stop(){
        document.body.style.overflow='hidden';        
        document.addEventListener("touchmove",mo,false);//禁止页面滑动
}

/***取消滑动限制***/
function move(){
        document.body.style.overflow='';//出现滚动条
        document.removeEventListener("touchmove",mo,false);        
}