1. 程式人生 > >javascript移動端禁止頁面滑動的解決方案

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

lse ipad str oid 發現 hid 滾動條 touch roi

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

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