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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM