如何解决移动端遮罩层上面滑动穿透事件

不是原创，只是觉得可以解决问题 

原文链接：https://www.cnblogs.com/bride/p/10114240.html

1 使用vue的阻止默认事件 @touchmove.prevent  给遮罩层一个阻止默认事件

2 用一个div把你想不能让他滑动的内容包裹起来，div的样式设置为

.hidden{

overflow: hidden;

position:fixed;

height: 100%;

width: 100%;

}

3 当你弹出遮罩层的同时把这个div的样式也添加上去。移除遮罩层的同时，也移除这个类

 

4 重点是div的样式设置为固定定位这样就解决了下面的内容跟着一起滑动的问题了。