微信小程序 - 解决遮罩层的滚动穿透问题（以及实现弹框功能点击蒙层关闭弹框）

  今天我在做一个点击某个按钮显示弹框的时候，发现弹框自带的蒙层盖完整个页面了，但是被盖住的内容还是可以上下滑动，这个效果并不是我想要的，经过我多次研究并百度之后，我终于可以解决这个问题了，下面我来说一下如何实现的：

注意点：这个效果在编辑器（电脑）上面是看不出效果的，需要用手机上看才能看出效果

1、弹框里面没有滚动条的情况：

  直接在弹框蒙层最外层加上catchtouchmove="{ {true}}"，或者定义catchtouchmove="catchTouch"方法，在方法中直接为空即可，使用例子如下：

<!-- <view class="tipsss" catchtap="inow" data-id="1" wx:if="{
  {status}}" catchtouchmove="{
  {true}}"> -->
<view class="tipsss" catchtap="inow" data-id="1" wx:if="{
  {status}}" catchtouchmove="catchTouch">
    <view class="tips" catchtap="inow" data-id="2">
      <text class="title&#