modal 弹框遮罩层，滚动穿透bug 解决方案 parent component 动态设置 lock css open / close 更新 lock status ...

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

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

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

经常做移动端网页开发的朋友们，都应该会遇到，弹起遮罩层的交互需求，比如小点的toast提示框，modal对话框，也有满屏的提示框，或者可操作交互的弹框； 有些需求是要求在弹框上可操作，可滚动；在滚动时，就会遇到比较奇怪的兼容bug了，当你在滑动遮罩层时，下面的body页面也会跟着滚动 ...

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

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

在滚动条的层上面加上-webkit-overflow-scrolling:touch;样式即可解决！ ...