微信小程序中使用swiper禁止用户上下滑动且不影响外部界面的滑动

微信小程序中使用swiper禁止用户上下滑动且不影响外部界面的滑动,第1张

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

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

在开发小程序的过程中遇到了在iPhone6 下 scroll-view 滚动无效的问题

微信社区同样的问题链接

微信官方在 社区每周 | 上周社区问题反馈以及功能优化更新(0304-0308) 也说明了正在修复此问题,可是在后面的社区每周中也未有提到过此问题的解决办法

在笔者的借来iPhone6之后经过一上午的摸索实践发现了解决办法

解决办法: scroll-view 元素设置 height:100% ,如果无效请检查父元素是否设置 height ,以此类推。如果笔者的解决办法帮助到您,记得点小心心 ღ( ´・ᴗ・` )比心。

以上就是关于微信小程序中使用swiper禁止用户上下滑动且不影响外部界面的滑动全部的内容,包括:微信小程序中使用swiper禁止用户上下滑动且不影响外部界面的滑动、微信小程序 iPhone6 ,iso10版本 scroll-view浮层 滑动穿透 滑动无效、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/zz/9478727.html

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

发表评论

登录后才能评论

评论列表(0条)

保存