1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序页面滚动条穿透遮罩层解决方案

微信小程序页面滚动条穿透遮罩层解决方案

时间:2021-12-28 18:27:01

相关推荐

微信小程序页面滚动条穿透遮罩层解决方案

假设你在遮罩层中写了一个pop窗 可以通过中断捕获阶段和取消冒泡阶段capture-catch控制手指触摸后移动

capture-catch:touchmove

例子

// 底部的内容盒子<div><div class="content" :capture-catch:touchmove="preventdefault"><div @click="openPop">打开弹窗</div></div>// 弹窗<van-popup:show="showPopup"@close="onClose"></van-popup></div>data() {return {// 控制遮罩层后面是否可以滚动preventdefault: '',showPopup: ''},//关闭弹窗onClose() {this.showPopup = falsethis.preventdefault = ''},//打开弹窗openPop() {this.showPopup = truethis.preventdefault = 'preventdefault'},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。