关于swiper 轮播图,手势滑动以后不能继续轮播的问题?

swiper 轮播图,手势滑动以后不能继续轮播的问题;
去了解了一下, 发现有个属性: autoplayDisableOnInteraction: false 是用来控制 手势滑动过以后,依然能够重启轮播的属性,但是我加上去以后并不管用。

mySwiper4 = new Swiper('.slotMachinesinfo .swiper-container', {
      direction: 'vertical',
      loop: true,
      autoplay: true,
      speed: 800,
      autoplayDisableOnInteraction: false
    });

我用的是swiper4.0.5 感觉应该是版本的问题 ,我试了其他版本,发现是能够起作用的。

原因:swiper4做了组件化的深化,可能是把autoplayDisableOnInteraction放到了autoplay里面了,你可以试试:

mySwiper4 = new Swiper('.slotMachinesinfo .swiper-container', {
    direction: 'vertical',
    loop: true,
    autoplay: true,
    speed: 800,
    autoplay: {
        disableOnInteraction: false
    }
});

autoplay变成了一个对象,需要把毫秒数写在autoplay里面的delay属性里面即可~~

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值