當移動端頁面顯示彈窗時,滑動螢幕,彈窗下方的頁面竟然可以上下滑動(雖然點選不到彈窗下方的內容,但仍然看不習慣~~)
查閱資料後,給整個彈窗設定禁止觸控滾動,**如下:
(由於頁面中存在多個彈窗,所以獲取了所有彈窗,再給每個彈窗設定禁止滾動)
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出現滾動條,這樣可以很方便的處理...