swiper4自动轮播切换手动触碰后停止踩坑——属性disableOnInteraction
程序员文章站
2022-05-25 18:47:08
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,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。
操作包括触碰,拖动,点击pagination等。
注意:个人踩坑:设置的自动轮播,只要用户手一碰到轮播,则再也不自动轮播了,原来是这个属性导致的,如果需要始终自动轮播,也可以手动轮播,则要把这个属性设为false。
上一篇: 感动掌心!小米9首发亮相:全系幻彩色惊艳