如何解決移動端遮罩層上面滑動穿透事件

不是原創，只是覺得可以解決問題 

原文鏈接：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的樣式設置爲固定定位這樣就解決了下面的內容跟着一起滑動的問題了。