1. 程式人生 > >小程式:微信小程式中遮罩層的滾動穿透問題

小程式:微信小程式中遮罩層的滾動穿透問題

1.如果彈出層沒有滾動事件,就直接在蒙板上加catchtouchmove=”move” move:function(){};

wxml
<view class='mask' catchtouchmove="move"></view>
js
//在page中新增一個函式
//這個函式內容為空
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; }