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

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

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

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

参考 https://uedsky.com/2016-06/mobile-modal-scroll/ 感谢分享 案例页面：view-source:https://uedsky.com/ ...

弹出 fixed 弹窗后，在弹窗上滑动会导致下层的页面一起跟着滚动。 场景一：弹窗内无滚动内容 可以在弹窗最外层元素绑定touchmove事件，触发事件返回false即（在vue类框架中也可以加.stop阻止冒泡）。 简单写法：catchtouchmove='preventTouchMove ...

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

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