首页 > 其他 > 详细

Swiper 禁止手动控制滑动

时间:2020-09-08 21:49:33      阅读:64      评论:0      收藏:0      [点我收藏+]

前提条件

  • swiper 版本引入 swiper3.4.2 相关js和css文件

关键代码

html 结构 swiper最外层加class swiper-no-swiping

      .swiper-container#car-redian-list.car-redian.swiper-no-swiping
        .swiper-wrapper.redian-wrapper
          .swiper-slide.redian-txt
            a(href=‘‘) T-ROC探歌惊喜多 一成首付0利率
            a(href=‘‘) T-ROC探歌惊喜多 一成首付0利率
            a(href=‘‘) T-ROC探歌惊喜多 一成首付0利率
            a(href=‘‘) T-ROC探歌惊喜多 一成首付0利率         
      

js 调用

     new Swiper(‘#car-redian-list‘, {
        loop: true,
        direction: ‘vertical‘,
        autoplay: 5000,
        autoplayDisableOnInteraction: false,
        on: {}
      })

Swiper 禁止手动控制滑动

原文:https://www.cnblogs.com/angfl/p/swiper.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!