1. 程式人生 > >移動端彈出層上禁止頁面滾動

移動端彈出層上禁止頁面滾動

再寫移動端的時候經常會需要自己寫一個彈框,但是彈框出現後會出現在彈框上還可以滾動整個頁面,試過將body的overflow設定為hidden,但是在蘋果手機跟一些安卓手機上無效,後來在網上看到一種直接用js 的方法,直接禁止滾動事件,很有效,程式碼如下,有需要的人可以拿去:

//實現滾動條無法滾動
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);        
}

敲打