手機端Swiper 觸屏滑動

標籤：

線上執行個體

預設	響應式	垂直	空間間隔	滾動	自動滾動
中心化	中心化自動	免費模式	多個滾動	水平滾動	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‘);

複製

 

下載

 

手機端Swiper 觸屏滑動