解決:使用 swiper 自動輪播圖片,當拖動過 swiper 內的內容時,導致不繼續自動輪播


版本為1.3

當使用了 swiper 后:

var mySwiper = new Swiper('.banner .swiper-container', {
    autoplay: 3000,
    loop: true,
    pagination: '.swiper-pagination',
    autoplayDisableOnInteraction : false
})
解決辦法即是設置這個參數: autoplayDisableOnInteraction 

官網給出的參數介紹:

用戶操作 swiper 之后,是否禁止 autoplay 。默認為 true:停止。
如果設置為 false,用戶操作 swiper 之后自動切換不會停止,每次都會重新啟動 autoplay。
操作包括 觸碰,拖動,點擊 pagination 等。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM