小程序滚动穿透的解决办法,小程序遮罩穿透问题

—— 2020 ——

09/27

00:00

来源：

作者：未知

栏目：小程序开发

2020/9/27 0:00:00 来源：不详作者：未知

许多企业在做小程序项目会遇到一个项目，就是点一个按钮出现一个蒙层，然而下面的页面还是可以滚动。

解决办法如下：

<view bindtap="hideCoupon" class='coupon_receive_wrapper {{showCouponFlag==true?"active":""}}' catchtouchmove="preventD">

样式如下：

小程序滚动穿透的解决办法,小程序遮罩穿透问题

.coupon_receive_wrapper{

display:none;

position:fixed;

left:0;

top:0;

right:0;

bottom:0;

width:100%;

height:100%;

background:rgba(0,0,0,.5);

z-index:11;

transition: all 1s ease;

}

.coupon_receive_wrapper.active{

display:block;

}

给蒙层那个元素加个touchmove事件，这个事件用来阻止事件冒泡，preventD中的代码如下：preventD(){}问题就解决了。

【本站声明】
1、本站文章中所选用的图片及文字来源于网络以及用户投稿，由于未联系到知识产权人或未发现有关知识产权的登记，如有知识产权人并不愿意我们使用，如果有侵权请立即联系。
2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责，仅系客观性描述，如您需要了解该类商品/服务详细的资讯，请您直接与该类商品/服务的提供者联系。

KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商，长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新，提供产品和服务，助力企业向数字化转型，通过科技驱动商业革新，让商业变得更智慧！

▼点击进入科汛官网了解更多

热门标签

SaaS

上/下篇

小程序json请求,小程序json合并

我们可以看到在项目的根目录有一个 app.json 和 project.config.json，此外在 pages/logs 目录下还有一个 logs.json，我们依次来说明一下他们的用途。...

SaaS 2020/9/27 0:00:00
微信小程序API访问分析,获取小程序访问分析数据

访问分析获取小程序访问分析数据，数据说明参见访问分析访问趋势日趋势接口地址 https://api.weixin.qq.com/datacube/getweanalysisappiddaily

微信小程序开发微信小程序SaaS 2020/9/27 0:00:00

换一换相关推荐

精选内容

热点精选

© 2006-2024 厦门科汛软件有限公司版权所有

ICP证闽B2-20190777 闽ICP备06009871号-1

闽公网安备 35020302001540号统一社会信用代码：91350206MA2XN2XQ4A 国家高新技术企业编号：GR201735100465 软件企业证书号：厦RQ-2017-0034 软件产品证书号：厦RC-2017-0005 认证联盟企业编号：928180109031687687593 国际权威认证：信息技术服务管理体系标准（ISO 20000）信息安全管理体系国际认证（ISO/IEC 27001）