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

　　最近弄小程序遮罩层穿透问题，网上好多资源设置catchtouchmove="preventD"即可，本人测试后好像还是不行，然后就找了其他方法，测试有效。 1、js ，data内初始化状态标识 2、在相应的view 上加上判断代码 3、css 代码 ...

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

wxml //使用scroll-view包裹 scrolly-y要写 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...

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

...

问题：微信小程序中，我们常使用遮罩层，如点击按钮弹出下拉框、弹框等等。若在遮罩层下存在input、textarea、canvas、camera、map、video等标签时，会出现遮罩层覆盖失效的问题。实际上，这个问题在开发者工具上并不会出现，却会出现在真机上。 原因：微信小程序官方文档指明 ...

转自：https://www.jianshu.com/p/6fb10c78bbd7 实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='ture' 需要 ...