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

...

问题：小程序自定遮罩层时，滚动遮罩层时，滚动效果会穿透，影响page页面的滚动，影响用户体验度。 解决方案: 　　如果弹出框无滚动区域，直接将这个弹出框和遮罩层的父元素catchtouchmove='ture' 　　如果弹出框有滚动区域，如果自定义了catchtouchmove就会阻止内部 ...

参考：Taro 3.1 beta 发布： 开放式架构新增 4 端支持 | Taro 文档 (jd.com) 实例代码 ...

现在有一个需求，要求用户点击邀请按钮时能弹出一个遮罩层，使用户只能在遮罩层内操作，当用户点击取消按钮或者遮罩层内空白处的时候遮罩层就会消失，刚开始想复杂了，同事点拨一下之后发现其实并不难实现，很简单的一个功能，现将代码贴出 ps：这种效果其实可以通过 wx.showActionSheet ...

图示位置出现遮罩层，下面滚动； 原因： touchmove事件冒泡； 解决方法： 冒泡就要阻止，在遮罩层阻止冒泡，小程序里面 catch+时间名可以阻止冒泡， 所以 在遮罩层填上事件 catchtouchmove="preventdefault" 小程序 ...

有的列表下面要加一层半透明渐变的蒙版，但那样会导致蒙版下面的list无法点击: 只需要给半透明元素添加css属性：pointer-events:none,即可让元素点击事件失效，能直接点击到蒙版下面的元素 ...

简单小程序自身提供了相应的方法： 1. catchtap：和bindtap相对应，catchtap有着阻止事件冒泡的作用； 2. catchtouchmove：阻止浮层欢动穿透到页面上，这里用到了scroll-view就顺带提一下，这是小程序组件视图容器，表示可滚动视图 ...