美文网首页
弹层遮罩滑动穿透问题

弹层遮罩滑动穿透问题

作者: Mcarrot | 来源:发表于2019-03-22 15:35 被阅读0次
    要防止遮罩的滑动事件的默认行为和冒泡
    <div 
        @click="closeMenu" 
        @touchmove="noMove" 
        v-if="maskOut" 
        class="mask" 
        ref="mask" >
    </div>
    

    在methods里面

    // 防止mask touchmove事件穿透
        noMove(e) {
          e.preventDefault();
          e.stopPropagation();
        },
    

    然后遮罩的层级一定要在弹出层的下面,相当于遮罩层是层级第二高的,遮罩层以及之下的页面就不可滑动了。

    相关文章

      网友评论

          本文标题:弹层遮罩滑动穿透问题

          本文链接:https://www.haomeiwen.com/subject/rgcrvqtx.html