js禁止蘋果頁面底部滾動 js 禁止 允許頁面滾動

2021-10-13 11:56:48 字數 807 閱讀 3116

出處:

方法一: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...