uniapp禁止遮罩层下的页面滚动 终极解决办法

2021-01-10

微信截图_20210106141258.png

方案一：

<view @touchmove.stop.prevent="moveHandle"></view>

methods: {
moveHandle() {}

方案二：或者可以用我下面的思路：

如果要显示遮罩层，那么用css控制底部的不允许滚动。

image.png

最底层的元素上控制

<view :class="mask ? 'tl-show': ''">


data() {
return {
mask: false,
}
}


// 如果要显示遮罩层，那么用css控制底部的不允许滚动。

.tl-show{
overflow: hidden;
position:fixed;
height: 100%;
width: 100%;
}