微信小程序中遮罩层的滚动穿透问题
如果弹出层没有滚动事件: 如果弹出层有滚动事件，那么在弹出层出现的时候给底部的containerView加上一个class 消失的时候移除。 ...
原文：微信小程序遮罩层覆盖input失效
问题：微信小程序中，我们常使用遮罩层，如点击按钮弹出下拉框 弹框等等。若在遮罩层下存在input textarea canvas camera map video等标签时，会出现遮罩层覆盖失效的问题。实际上，这个问题在开发者工具上并不会出现，却会出现在真机上。 原因：微信小程序官方文档指明 原生组件的层级是最高的，所以页面中的其他组件无论设置 z index 为多少，都无法盖在原生组件上。 实现： ...
2019-10-16 15:35 0 627 推荐指数：
相关推荐
小程序的弹框遇到textarea、input出现遮罩层失效，输入框渗透的问题
小程序有时候我们会手写的写一些遮罩层，弹框提示一些信息，在开发者工具上并不会出现什么问题，但是在真机上就会遇到盖不住的现象，在遮罩层出现的情况下，依旧可以出发输入框的聚焦事件，这个时候，我们应该把弹层的view标签，改成cover-view，再通过z-index就可以了，布局上我们依旧使用flex ...
微信小程序实现遮罩及阻止遮罩层下的页面滚动
转自：https://www.jianshu.com/p/6fb10c78bbd7 实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='ture' 需要 ...
小程序遮罩层
...
微信小程序之遮罩功能实现
1.放一个空div，作为遮罩层最外层 2.写这个遮罩层样式 其中颜色可以任选，透明度也可以任选。 兼容处理： 3.控制显示还是隐藏 用v-if或者hiddle的true和false来控制遮罩的显示或者隐藏，当flag设置为false时，隐藏；为true时，显示 ...
微信小程序弹出和隐藏遮罩层动画以及五星评分
参考源码： http://www.see-source.com/weixinwidget/detail.html?wid=82 https://blog.csdn.net/pcaxb ...
[微信小程序]实现一个自定义遮罩层
正文： 先上效果图: 点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层; 转: https://blog.csdn.net/qq_35713752/article/details ...
微信小程序自定义遮罩层滚动穿透问题
问题：小程序自定遮罩层时，滚动遮罩层时，滚动效果会穿透，影响page页面的滚动，影响用户体验度。 解决方案: 如果弹出框无滚动区域，直接将这个弹出框和遮罩层的父元素catchtouchmove='ture' 如果弹出框有滚动区域，如果自定义了catchtouchmove就会阻止内部 ...