找回密码
 立即注册
搜索

怎么样可以实现只在左右滑动时将swiper切换为手动控制

1
回复
1050
查看
[复制链接]

12

主题

16

帖子

140

积分

 楼主| 2021-3-16 09:59:01 显示全部楼层 |阅读模式

想要实现swiper轮播图在被用户左右滑动的时候,轮播图暂停播放,如果用户没有继续滑动的话过一段时间轮播图再开始自动播放,如果使用touch事件会导致上下滑动的时候也触发暂停效果,有什么好的解决办法吗?

回复

使用道具 举报

23

主题

142

帖子

825

积分

2021-3-16 10:05:27 显示全部楼层
可以借助通用事件swipe识别手势的上下左右滑动,当识别到左右滑动时,切换为手动控制;当识别到上下滑动时或者没有滑动操作时,则继续保持自动切换。但是在实际使用时,在swiper组件上应用swipe事件时,对左右滑动的识别不太灵敏,偶尔会发生没有识别到的情况。所以如果需要精准识别手势的上下左右滑动,可以考虑用block组件在swiper组件之上堆叠一个div组件,在div组件上面添加swipe事件即可。 参考案例链接:https://developer.huawei.com/con ... #h1-1614751834685-2
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册