可以在遮罩層中添加 @touchmove.prevent 就可以實現禁止頁面滾動 注意 彈窗里面有滾動條的也是無法滾動的 具體使用 父標簽上添加 @touchmove.prevent <div @touchmove.prevent> </div> ...

...

...

禁止 window.ontouchmove=function(e){ e.preventDefault && e.preventDefault(); e.returnValue=false; e.stopPropagation & ...

原文地址 常見場景 在許多填寫表單的頁面中，都會彈出一個選擇器，讓你在彈窗中選擇項目。有時，彈窗本身容納不下內容，需要讓它不斷滾動來展示，但因為事件是冒泡的，有時就會造成底部（body 的Z-index肯定是在下面的 ）的內容也在滾動。這內外一起滾，就有 ...

在某些情況下，移動端開發網頁不希望用戶能夠向下滑動頁面（因為向下滑動可以看見域名等），所以需要禁止頁面滑動，然而有的方法只是禁止當前頁面滾動，而不能禁止層級更低的頁面滾動，例如最表面的遮罩層能夠禁止滑動，但是在遮罩層上面滑動會導致遮罩層下面的頁面滾動，發生穿透，在查閱資料之后，得到如下方 ...

PC端解決方案 pc端的解決思路就是在彈出遮罩層的時候取消已經存在的滾動條，達到無法滾動的效果。 也就是說給body添加overflow：hidden屬性即可，IE6、7下不會生效，需要給html增加overflow:hidden屬性。 要制作這個效果在PC端非常簡單，只需要設置 ...

原因：底層視圖高度超出百分百，加入彈窗后再蘋果瀏覽器隱藏上下欄的情況下遮罩層沒有完全遮住底層。 處理：打開彈窗后禁止底層滾動調用stop事件，關閉則開啟底層滾動調用move事件。 let mo=function(e){e.preventDefault();}; stop ...