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

在頁面中彈出層後。如果是彈出的頁面滾動到頂部 / 底部後。在拖動 body 也會一起跟著滾動

pc端解決方案：

在蒙版層彈出時，加上這句**：

document.body.parentnode.style.overflow = "hidden";  //禁止橫豎向滾動條

document.body.parentnode.style.overflow = "auto";  //恢復橫豎向滾動條

需要先新增乙個函式，也可以不新增

function bodyscroll(e)

document.addeventlistener("touchmove",bodyscroll,false);

document.removeeventlistener("touchmove",bodyscroll,false);

移動端禁止觸控滾動

當移動端頁面顯示彈窗時，滑動螢幕，彈窗下方的頁面竟然可以上下滑動 雖然點選不到彈窗下方的內容，但仍然看不習慣 查閱資料後，給整個彈窗設定禁止觸控滾動，如下 由於頁面中存在多個彈窗，所以獲取了所有彈窗，再給每個彈窗設定禁止滾動 var masks document.getelementsbyclass...

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

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

移動端 pc端，遮罩層滾動穿透問題

常見的解決方式有一下三種 model open遮罩層顯示時將 modal open 新增到 html上，刪除多餘一頁的部分，禁止頁面滾動。遮罩層隱藏時，移除.modal open，恢復頁面滾動即可 缺點 實現滾動條無法滾動 var mo function e 禁止滑動 function stop 取...