可以在遮罩层中添加 @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 ...