1. 程式人生 > >Swiper常見用法/問題(滑塊滾動方式/點選之後停止自動滾動等問題)

Swiper常見用法/問題(滑塊滾動方式/點選之後停止自動滾動等問題)

如上圖所示:如需要這樣的樣式

在html中寫入

<div class="swiper-scrollbar"></div>

JS中

   var swiper3 = new Swiper('#swi_scroll',{
   speed:1500,
   loop:true,
   scrollbar:'.swiper-scrollbar',
   scrollbarDraggable : true ,
   scrollbarSnapOnRelease : true ,
   scrollbarHide:false,
});

具體引數的含義,可查閱swiper 官方文件

關於swiper自動輪播的圖片,加了autoplay 屬性/但是當用戶操作swiper之後,預設會停止自動輪播

autoplayDisableOnInteraction 預設為true:停止。如果設定為false,使用者操作swiper之後自動切換不會停止,每次都會重新啟動autoplay。
操作包括觸碰,拖動,點選pagination等。