swiper4自动轮播切换手动触碰后停止踩坑——属性disableOnInteraction
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。
如对本文有疑问,
点击进行留言回复!!
相关文章:
-
-
js实现双色球效果
本文实例为大家分享了js实现双色球效果的具体代码,供大家参考,具体内容如下效果展示:源码展示:<!doctype html><html lan...
[阅读全文]
-
js实现3D旋转相册
本文实例为大家分享了js实现3d旋转相册的具体代码,供大家参考,具体内容如下效果展示:使用图片:剩余自己随意 图片大小为133*200代码展示:<!doc...
[阅读全文]
-
-
-
-
-
-
-
-
网友评论