微信小程序 弹出层 禁止页面滚动的方法

场景描述

添加自定义的弹出框后，当滚动鼠标时下边的页面也会跟着滚动。

解决方案

为了在遮罩出现的时候禁止用户滑动页面，如下处理：
给这个遮罩层 绑定事件： 使用 catchtouchmove

（1）在弹出层上添加 catchtouchmove=’true’

<!--弹出框  -->
<view class="sh_Model_box" catchtouchmove='true'>
...
</view>

（2）也可以绑定有一个空事件

    <view catchtouchmove="noneEnoughPeople">
        我是遮罩层
    </view> 
     
     
    function noneEnoughPeople(){
        console.log('啥也不干就行，空函数哈哈哈');
    }

注意：开发工具的模拟器上没有效果，必须真机测试，真机上才有效果。