swiper2.0手动触碰之后(点击圆点)停止自动轮播

遇到一个问题,就是当我操作图片滑动后,自动轮播 autoplay 失效。

起初遇到的一个问题是,圆点点击不了。。。后来检查发现,因为圆点上面覆盖的一个遮盖层层级的缘故,给改覆盖层设置:z-index:-1;就好了。如图:

可以点击了,点击也会轮播,

but

问题又来了,触碰之后不能自动轮播???

解决方法,就是添加一个 : autoplayDisableOnInteraction:false,

具体参数的含义,可查阅swiper 官方文档:

关于swiper自动轮播的图片,加了autoplay 属性/但是当用户操作swiper之后,默认会停止自动轮播autoplayDisableOnInteraction 默认为true:停止如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
操作包括触碰,拖动点击pagination等。
 

发布了66 篇原创文章 · 获赞 13 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/weixin_42220533/article/details/91492553