欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-12-29 17:51:47
swiper4轮播设置autoplay自动切换后,即默认设置: disableOnInteraction属性 disableOnInteraction属性 用户操作swiper之后,是否禁止autoplay。默认为true:停止。如果设置为false,用户操作swiper之后自动切换不会停止,每次都 ......

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

<script>
var myswiper = new swiper('.swiper-container', {
  autoplay:true,//等同于以下设置
  /*autoplay: {
    delay: 3000,
    stoponlastslide: false,
    disableoninteraction: true,
    },*/
});
</script>

disableoninteraction属性

用户操作swiper之后,是否禁止。默认为true:停止。
如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
操作包括触碰,拖动,点击pagination等。
 
注意:个人踩坑:设置的自动轮播,只要用户手一碰到轮播,则再也不自动轮播了,原来是这个属性导致的,如果需要始终自动轮播,也可以手动轮播,则要把这个属性设为false。