关于弹出蒙层禁止背景可滑动的实现方法

我们在业务处理中,时常遇到这样的情况:

在当前页弹出一个蒙层,在蒙层上仍然可滑动底部背景,解决这个最通用的方法是,通过条件判断,给底部背景动态添加或去除一个css类hidden

.hidden {width: 100vh; overflow: hidden}

在vue里有个便捷的方式:

<view class="mask" @touchmove.prevent />

posted @ 2019-01-09 18:11  南韵  阅读(1775)  评论(0编辑  收藏  举报