zoukankan      html  css  js  c++  java
  • 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
    });

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

  • 相关阅读:
    set集合
    字典的使用与操作
    列表和字符串
    bzoj 4927: 第一题
    bzoj 3031: 理科男
    bzoj2263: Pku3889 Fractal Streets
    bzoj 1288: Neighbours
    bzoj2026: [SHOI2009]Coin
    bzoj3326: [Scoi2013]数数
    bzoj1494: [NOI2007]生成树计数
  • 原文地址:https://www.cnblogs.com/wy120/p/11856737.html
Copyright © 2011-2022 走看看