解決移動端遮罩層無法覆蓋全部頁面問題

今天在做移動端專案的時候遇到遮罩層效果，按照以往的pc端我直接給同級遮罩層100%  給完之後測試看似完美但。。。

這就尷尬了。。。。

之後查閱了相關資料得知這裡有個方法可以解決這個問題那就是「禁止全域性滾動」

裡面用的touch事件可參考 html5移動端觸控事件

document.addeventlistaner('touchmove',stoptouchmove,false

);//
當手在螢幕上移動的時候執行stoptouchmove函式(阻止預設事件)
//這個可以用在當遮罩層彈出的話執行

document.removeeventlistener('touchmove',stoptouchmove,false

);//
移除touchmove事件
//這個在關閉遮罩層時候執行

function

stoptouchmove( e ) 
//阻止預設事件函式

這樣就完美解決了遮罩層無法覆蓋全部頁面的問題！

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

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

移動端篩選欄區域性滑動，遮罩層等不滾動

列表篩選欄 要求是遮罩層出現時候 篩選列表右側有三個切換列表可以滾動，其他部分不可以 試了很多方法，最後的解決方法是 滾動列表父盒子固定高度，新增屬性 overflow y scroll 出現時 document.body.style.position fixed document.body.sty...

vue實現乙個移動端遮蔽滑動的遮罩層

在扯廢話浪費大家的時間之前，先上個 好了，使用vue實現起來很簡單 對，就是這麼簡單，加上 touchmove.prevent就可以遮蔽滑動頁面了，然後再和普通的遮罩層一樣，加點樣式 遮罩層 overlayer如此，便可以了 vue真是好用啊 如果彈窗不在遮罩層內部，那麼冒泡就不會經過遮罩層，也就無...