手机端Swiper 触屏滑动

Posted 2020-08-11

在线实例

默认	响应式	垂直	空间间隔	滚动	自动滚动
中心化	中心化自动	免费模式	多个滚动	水平滚动	grab-cursor

使用方法

1. <div class="swiper-container">
2. <div class="swiper-wrapper">
3.     <div class="swiper-slide">Slide 1</div>
4.     <div class="swiper-slide">Slide 2</div>
5.     <div class="swiper-slide">Slide 3</div>
6.     <div class="swiper-slide">Slide 4</div>
7.     <div class="swiper-slide">Slide 5</div>
8.     <div class="swiper-slide">Slide 6</div>
9.     <div class="swiper-slide">Slide 7</div>
10.     <div class="swiper-slide">Slide 8</div>
11.     <div class="swiper-slide">Slide 9</div>
12.     <div class="swiper-slide">Slide 10</div>
13. </div>
14. </div>

复制

1. var swiper = new Swiper(‘.swiper-container‘);

复制

 

---

下载