javascript移動端禁止頁面滑動的解決方案

1 前言

移動端網頁，發現ios平台的iphone或者ipad，網頁可以上下左右移動，而Android版則不會。僅作為記錄使用。

2 代碼

var mo=function(e){e.preventDefault();};
function stop(){
        document.body.style.overflow='hidden';        
        document.addEventListener("touchmove",mo,{passive:false});//禁止頁面滑動
}
//直接默認不讓滑動
stop();


/***取消滑動限制***/
function move(){
        document.body.style.overflow='';//出現滾動條
        document.removeEventListener("touchmove",mo,{passive:false});        
}

3 參考

1.移動端禁止頁面滑動（有效）

4 擴展

1.js開啟和禁止頁面滑動

2.webApp中防止頁面出現上下滑動的方法(測試無效)

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