解决小程序弹出层滚动穿透的问题

一：弹出层里面无滚动的时候：

可以在遮罩层最外层上定义一个防止事件向下传递的方法：

catchtouchmove="preventTouchMove"

 相应在js中

preventTouchMove() {
 
}

 

二：弹出层有滚动的时候：

当弹出层有滚动的时候，底层原页面中也有scroll-view等滚动部分，这个时候我们只需要在打开弹出层显示的时候，将底层原页面的scroll-view增加以下class，关闭的时候则移除这个class即可

.noscroll {

    overflow: hidden;

}

<scroll-view scroll-y class="room_scrollview {{isShow ? 'noscroll':''}}">