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

Posted 2021-02-14 beileixinqing

swiper4轮播设置autoplay自动切换后，即默认设置：

<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。