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

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

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

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

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

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

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

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

在page.json里添加"disableScroll": true禁止页面滚动

注意:这样做容易导致页面在部分手机上无法完全显示,因为页面滚动直接禁用了

给swiper设置class,并且给它相对定位,给class::after绝对定位,因为swiper-item自带绝对定位

在swiper-items中添加catchtouchmove方法,但是在这个方案中,(注意::::)在手指触摸swiper这一块时,外部界面时无法进行滚动的!


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

原文地址:https://54852.com/yw/11001332.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存