码迷,mamicode.com
首页 > 其他好文 > 详细

Swiper 禁止手动控制滑动

时间:2020-09-17 18:49:53      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:oop   loop   disable   href   文件   pre   调用   leo   相关   

前提条件

  • 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 禁止手动控制滑动

标签:oop   loop   disable   href   文件   pre   调用   leo   相关   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!