码迷,mamicode.com
首页 > 其他好文 > 详细

解决:使用 swiper 自动轮播图片,当拖动过 swiper 内的内容时,导致不继续自动轮播

时间:2018-04-27 17:53:36      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:nta   用户操作   div   str   inter   loop   style   切换   用户   

当使用了 swiper 后:

var mySwiper = new Swiper(‘.banner .swiper-container‘, {
    autoplay: 3000,
    loop: true,
    pagination: ‘.swiper-pagination‘,
    autoplayDisableOnInteraction : false
})
解决办法即是设置这个参数: autoplayDisableOnInteraction 

官网给出的参数介绍:

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

解决:使用 swiper 自动轮播图片,当拖动过 swiper 内的内容时,导致不继续自动轮播

标签:nta   用户操作   div   str   inter   loop   style   切换   用户   

原文地址:https://www.cnblogs.com/JaneBlog/p/8963358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!