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

1.如果弹出层没有滚动事件,就直接在蒙板上加catchtouchmove=”move”  move: function(){};

<!-- wxml -->
<view class='mask' catchtouchmove="move"></view>
// js
move:function(){}

2.如果弹出层有滚动事件,那么在弹出层出现的时候给底部的content加上一个class,消失的时候移除。

<!-- wxml -->
<view class="bodyLock">
/* wxss */
.bodyLock{
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 0;
}

 

posted @ 2019-08-03 10:31  fanmengfei  阅读(1135)  评论(0编辑  收藏  举报