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

2021-01-10

微信截图_20210106141258.png

方案一：

 
methods: {
    moveHandle() {}

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

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

image.png

最底层的元素上控制

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


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

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