遇到一个问题,就是当我操作图片滑动后,自动轮播 autoplay 失效。
起初遇到的一个问题是,圆点点击不了。。。后来检查发现,因为圆点上面覆盖的一个遮盖层层级的缘故,给改覆盖层设置:z-index:-1;就好了。如图:
可以点击了,点击也会轮播,
but
问题又来了,触碰之后不能自动轮播???
解决方法,就是添加一个 : autoplayDisableOnInteraction:false,
具体参数的含义,可查阅swiper 官方文档:
关于swiper自动轮播的图片,加了autoplay 属性/但是当用户操作swiper之后,默认会停止自动轮播。 autoplayDisableOnInteraction 默认为true:停止。如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
操作包括触碰,拖动,点击pagination等。