基於swpiper的資訊滾動走馬燈做法

首先我的需求是垂直滾動的資訊，同時可以手動地去上下划動，並且數據是動態獲取的，在做的過程中我發現這裏有幾個坑，下面逐一說來, 附上效果圖

1.第一個坑：用手去划動資訊後，發現資訊不能自動滑動了。停止了,刷新後發現自動划動是可以的，大概知道原因後，就去翻手冊，解決如下：

這裏有一個參數’autoplayDisableOnInteraction’，作用是用戶操作swiper之後，是否禁止autoplay。默認爲true：停止。這要把這裏改爲false這個坑就填好了。

參數autoplayDisableOnInteraction的鏈接

1. 第二個坑：動態數據也不滑動，

當手動添加上一些數據發現可以，並且划動的次數等於添加的數，這可能划動swiper-slide的模塊在初始化的時候就已經確認了，由於我的是動態數據，所以要用的動態檢查器，只要兩個都設置爲true就可以了

參數observer的鏈接

參數observeParents的鏈接

3.以下是我的代碼

var mySwiper = new Swiper('.swiper-container',{
    mousewheelControl : true,
    direction:'vertical',
    mousewheelForceToAxis : true,
    autoplayDisableOnInteraction:false,//用戶操作swiper之後，是否禁止autoplay。默認爲true：停止。操作包括觸碰，拖動，點擊pagination等。
    autoplay : 3000,//自動划動
    loop : true,//循環
    observer:true,
    observeParents:true
})