uniapp禁止遮罩層下的頁面滾動 終極解決辦法

2021-01-10

方案一：

<view @touchmove.stop.prevent="moveHandle"></view>
 
methods: {
    moveHandle() {}

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

如果要顯示遮罩層，那麼用css控制底部的不允許滾動。

最底層的元素上控制

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


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


// 如果要顯示遮罩層，那麼用css控制底部的不允許滾動。

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