swiper4自动轮播切换手动触碰后停止踩坑——属性disableOnInteraction

2019-03-15 14:14:59 浏览数 (4)

swiper4轮播设置autoplay自动切换后,即默认设置:

代码语言:javascript复制
<script>
var mySwiper = new Swiper('.swiper-container', {
  autoplay:true,//等同于以下设置
  /*autoplay: {
    delay: 3000,
    stopOnLastSlide: false,
    disableOnInteraction: true,
    },*/
});
</script>

disableOnInteraction属性

用户操作swiper之后,是否禁止autoplay。默认为true:停止。 如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。 操作包括触碰,拖动,点击pagination等。

注意:个人踩坑:设置的自动轮播,只要用户手一碰到轮播,则再也不自动轮播了,原来是这个属性导致的,如果需要始终自动轮播,也可以手动轮播,则要把这个属性设为false。

1 人点赞