微信小程序catchtouchmove 禁止弹层划动,避免划动下方页面

题外话:

好久不见,在没有写博客的日子里。我也认真完成了好几个新需求,受益匪浅。其中一个关于抽奖转盘的需求是我最难忘的,在做这个需求时每一次写代码我都会谨慎思考代码的执行顺序,也会去思考每一行代码的意义。我也遇到对于当时来说不小的挑战,小程序音频的播放等等问题,但是这些都还好,令人头大的是所用组件出现了一些不兼容问题,所以我不得不去熟悉组件对组件进行修改!终于在需求上线的时候我这次神奇的没有一个 bug。当时很想记录下那段时间的收获。当我写的时候发现实在是太多了,于是就把它永远的放在 草稿箱哈哈。

言归正传:

这次的需求是把转盘的弹层做成下图这种高大上的样式,我看了下没有合适的组件最后决定自己手写出来。完事后发现弹层后下方屏幕可以划动,执着的我单纯觉得这样很烦。所以查资料获得了一个解决方法就是 catchtouchmove='true' :

<view catchtouchmove='true' class="subscribeGuide" v-show="success">

这样以后弹层滑动的时候就不会有穿透滑动的效果了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值