移動端禁止觸控滾動

2022-07-12 03:51:08 字數 507 閱讀 9773

當移動端頁面顯示彈窗時,滑動螢幕,彈窗下方的頁面竟然可以上下滑動(雖然點選不到彈窗下方的內容,但仍然看不習慣~~)

查閱資料後,給整個彈窗設定禁止觸控滾動,**如下:

(由於頁面中存在多個彈窗,所以獲取了所有彈窗,再給每個彈窗設定禁止滾動)

var masks = document.getelementsbyclassname("mask");

for (var i = 0; i < masks.length; i++) , )

}

當選取乙個元素時,如果是document.getelementsbyclassname,則獲取到的是類陣列物件,需要選取後再新增監聽事件。

var mask = document.getelementsbyclassname("mask")[0];  //注意[0]

mask.addeventlistener("touchmove", function (e) , )

移動端彈出層滾動時禁止body滾動

相信很多寫移動端的朋友會遇到這個問題,我也遇到了,之後就辛辛苦苦的在網上找解決辦法,下面我大概提一下我在網上看到的幾種辦法,行不行的通呢?本人就親測了下。本人學的還不是太深,如果有什麼不對的地方或者有好的解決辦法,也請告知。測試結果 chrome手機模擬器還真可以,but到了我的安卓手機上,撲街了 ...

PC端 移動端 禁止底層頁面滾動

在頁面中彈出層後。如果是彈出的頁面滾動到頂部 底部後。在拖動 body 也會一起跟著滾動 pc端解決方案 在蒙版層彈出時,加上這句 document.body.parentnode.style.overflow hidden 禁止橫豎向滾動條在彈出層頁面關閉時 document.body.paren...

前端 移動端彈窗彈出後禁止頁面滾動

在做專案時,我碰到了乙個問題,當浮層彈出後,浮層後面的內容仍可以滾動。首先我們要明確,當浮層彈出後,我們操作的是body的滾動條,而不是其他div。body出現滾動條。這種問題是應該避免,我認為合理的頁面布局不應該讓body出現滾動條。應該將內容放在div中,讓div出現滾動條,這樣可以很方便的處理...