【微信小程序】d出层穿透问题的解决方案

【微信小程序】d出层穿透问题的解决方案,第1张

目前小程序d出层穿透有两种问题:

第一种:小程序d出层不滚动的时候,往上下拉时会连页面一起拉动,这个用户体验性很差的。

解决方案:在wxml中,增加catchtouchmove=true,就ok了~

第二种:小程序d出层滚动的时候,加catchtouchmove没效果

解决方案:利用scroll-view和page的overflow:hidden组合使用

d出层的时候,isShowPicker为false,就是禁止scroll-view滚动。关闭d出层,isShowPicker为true,就能正常滚动。

例如:

其中0.5是图片透明度

例如:

其中0.95是背景图透明度,使用效果如下图:

https://www.runoob.com/cssref/func-linear-gradient.html


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12116744.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存