Swiper轮播手动后不动

最近项目首页轮播图用了Swiper轮播,今天突然发现轮播图动画初始正常但是手动换过之后就不动了,解决方法有两种,具体根据采用的情况为准:

1、autoplayDisableOnInteraction:false,

复制代码
var mySwiper = new Swiper(".swiper-container", {
    autoplay: 3000, //可选选项,自动滑动
    autoplayDisableOnInteraction:false,
    observer: true,
    observeParents: true,
    paginationClickable: true,
    watchSlidesProgress: true,
    watchSlidesVisibility: true
});
                    
                        
复制代码

当autoplayDisableOnInteraction:false的时候,手动滑动自动滑动不会失效

 

2、网上最多的:disableOnInteraction:false,

复制代码
var mySwiper = new Swiper(".swiper-container", {
    autoplay: {
      delay: 2500,
      disableOnInteraction: false,
    },
    observer: true,
    observeParents: true,
    paginationClickable: true,
    watchSlidesProgress: true,
    watchSlidesVisibility: true
});
复制代码

话不多说,其实只是写法不用,属性作用一样。

 

posted @   疯癫释流年  阅读(1242)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示