uni-app微信小程序中遮罩层的滚动穿透问题

[linfangxing2018]

     今天在ios真机调试上发现滑动弹窗里面的列表，弹窗下面的页面也会出现滚动，在安卓上没有发现，iosYYDS！！！后面查资料发现是滚动穿透的问题。

     有两种解决方案：

1. 非滑动弹窗： @touchmove.stop.prevent="moveHandle"，moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数(官方文档)

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

2. 滑动弹窗：如果使用上面那个方法会导致弹窗里面的列表也不可以滑动，想到两种方案：

   • 如果页面使用了scroll-view, 动态设置scroll-y，出现弹窗的时候设置为false即可

   • 给底部标签动态添加class

     <view :class="{ showList ? 'show-list' : ''}"><view>

     .show-list {
         position: fixed;
         top:0px;
         left: 0px;
         width: 100vw;
         height: 100vh;
         overflow: hidden;
         z-index: 0;
     }

[chenzilong0828]

很好。给底部标签动态添加class的方式可行。但是我的页面依然存在一个问题。就是，我的弹窗左侧是小时，可以滚动。右侧是选择时间。滑动右侧选择时间（没有滚动条）的时候，再滑动左侧存在滚动条的区域，就会出现短暂的无法滑动。。。