javascript移动端禁止页面滑动的解决方案

Posted 2021-01-06 unionline

1 前言

移动端网页，发现ios平台的iphone或者ipad，网页可以上下左右移动，而android版则不会。仅作为记录使用。

2 代码

var mo=function(e){e.preventDefault();};
function stop(){
        document.body.style.overflow=‘hidden‘;        
        document.addEventListener("touchmove",mo,false);//禁止页面滑动
}
//直接默认不让滑动
stop();


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

3 参考

1.移动端禁止页面滑动（有效）

4 扩展

1.js开启和禁止页面滑动

2.webApp中防止页面出现上下滑动的方法(测试无效)

3.移动端上下滑动事件之--坑爹的touch.js