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

　　做小程序项目遇到一个项目，就是点一个按钮出现一个蒙层，然而下面的页面还是可以滚动，解决如下： 　　 　　样式如下 ： 　　给蒙层那个元素加个touchmove事件，这个事件用来阻止事件冒泡，preventD中的代码如下： 　　preventD ...

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

问题描述：使用小程序的modal组件实现遮罩层效果时，会出现滚动穿透的问题，即遮罩层后面的页面依旧可以滚动。 解决方案： 　　给底层页面动态添加 position:fixed; 代码： wxml： <modal class="mask" wx ...

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

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

今天在做小程序的时候，遇到了一个棘手的问题，那就是弹出层的滚动穿透，即弹出层滚动，那么被弹出层覆盖的下面的内容区域也会进行滚动,这一点就很麻烦了。弹出层我是用的view标签然后使用的position:fixed进行的定位；说一下我的解决思路: 一：当弹出层里面无滚动的时候： 可以在遮罩 ...

如题，解决方案有两种： 1、如果弹出层没有滚动事件，就直接在蒙板和弹出层上加 catchtouchmove;（方便快捷） 2、如果弹出层有滚动事件，有两种方法： 方法一 在弹出层出现的时候给底部的containerView加上一个class，消失的时候移除。 这种方法简单有效，但会 ...