出處:
方法一:ios允許滾動會無效
function scrcontrol(t), ); //passive 引數不能省略,用來相容ios和android
}else if( t == 1), );
passive,設定該屬性的目的主要是為了在阻止事件預設行為導致的卡頓。等待***的執行是耗時的,有些甚至耗時很明顯,這樣就會導致頁面卡頓。即便***是個空函式,也會產生一定的卡頓,畢竟空函式的執行也會耗時。加上能防止頁面卡頓。
可以通過傳遞 passive 為 true 來明確告訴瀏覽器,事件處理程式不會呼叫 preventdefault 來阻止預設滑動行為。
如果設定了passive為true,同時又阻止預設行為,阻止是不生效的。
document.addeventlistener("touchmove", function(event) , );
方法二:相容ios
function bodyscroll(event));
}else if( t == 1));
方法三:
//禁止頁面滑動
stop();
document.body.style.overflow='hidden';
document.addeventlistener("touchmove",mo,false);//禁止頁面滑動
//取消滾動限制
move();
document.body.style.overflow='';//出現滾動條
document.removeeventlistener("touchmove",mo,false);
js 靜止滾輪 js禁止頁面滾動
開發移動端頁面的時候有乙個很比較常見的需求,在出現彈窗時,禁止滑動彈窗後面的主體頁面。如何實現呢,往下看 js實現整個頁面禁止滾動 document.body.addeventlistener touchmove function e passive 引數不能省略,用來相容ios和android p...
禁止蒙層底部頁面跟隨滾動
彈窗是一種常見的互動方式,而蒙層是彈窗必不可少的元素,用於隔斷頁面與彈窗區塊,暫時阻斷頁面的互動。但是,在蒙層元素中滑動的時候,滑到內容的盡頭時,再繼續滑動,蒙層底部的頁面會開始滾動,顯然這不是我們想要的效果,因此需要阻止這種行為。那麼,如何阻止呢?請看以下分析 overflow hidden he...
禁止蒙層底部頁面跟隨滾動
彈窗是一種常見的互動方式,而蒙層是彈窗必不可少的元素,用於隔斷頁面與彈窗區塊,暫時阻斷頁面的互動。但是,在蒙層元素中滑動的時候,滑到內容的盡頭時,再繼續滑動,蒙層底部的頁面會開始滾動,顯然這不是我們想要的效果,因此需要阻止這種行為。那麼,如何阻止呢?請看以下分析 overflow hidden he...