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
    });

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

  • 相关阅读:
    eclipse
    7lession-基础数据使用介绍
    6lession-基本数据类型
    监听复选框
    arttemplate02
    最后判断权重总分
    ajax
    屏幕尺寸发生变化时页面自适应
    js获取url中的中文参数出现乱码
    js 为什么计算结果老是出现NaN
  • 原文地址:https://www.cnblogs.com/wy120/p/11856737.html
Copyright © 2011-2022 走看看