微信小程序中遮罩层滚动穿透问题(view增加一个属性解决)
2018-09-25 06:30
633 查看
直奔正题： 遮罩层(蒙层)弹出的时候，不应该让遮罩层底下的内容能滚动，小程序中的最佳解决方案亲测如下：
<view class="container" catchtouchmove="ture"></view>
.container {
background-color: #000000;
position: fixed;
top: 0;
opacity: 0.6;
width: 100%;
height: 100%;
z-index: 3;
}
没错就是在遮罩层上加上
catchtouchmove="ture"，不需要控制任何class和样式等等（因模拟器无touch事件，需在真机测试）。 阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 微信小程序中遮罩层的滚动穿透问题
- 小程序：微信小程序中遮罩层的滚动穿透问题
- 【微信小程序】解决 竖向<scroll-view>组件 “竖向滚动页面出现遮挡”问题
- 微信小程序 —— 解决自定义弹窗出现后，蒙层下的页面仍可以滚动的问题
- 微信小程序存在scroll-view为外层时，制作模拟框（全页面变成透明的黑色，出现一个模拟框）的兼容性问题
- 微信小程序 解决 view 文字 过多 溢出的问题，超过行数后隐藏显示省略号
- 解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题
- 微信小程序scroll-view实现滚动穿透和阻止滚动的方法
- 小程序弹出层---史上最简单写法,已解决滚动穿透问题
- 解决微信小程序里的view里面image缝隙问题
- 解决"未能加载文件或程序集,或它的某一个依赖项,试图加载格式不正确的程序"问题一法
- 初学ASP编程易犯的一个致命程序问题及解决办
- c#文件流读取编码问题（转）新增加一个方法解决不带BOM的问题
- sql server 2000下的关于“provider: TCP 提供程序, error: 0 - 远程主机强迫关闭了一个现有的连接”问题的解决
- MVC View 中 html 属性名与关键字冲突问题的分析与解决
- （编程题目）约瑟夫问题（实用C++编出一个程序解决约瑟夫问题）--凌风
- 解决一个以前写的VB程序的安装问题
- 写了一个查询数据库的程序，不熟的Tomcat6。查询条件为英文时运行正常，为中文时出现乱码。后在tomcap的server.xml中加入useBodyEncodingForURI="true解决了问题
- 关于Web程序打开Word、Excel后，不能关闭的问题的一个解决办法
- 用程序解决一个实际问题---n支球队进行单循环比赛，每天一场，给出一个比赛日程，使每支球队在两场比赛之间至少间隔一天