上篇博客中我記得還有一個坑沒有解決好，在這篇博客中詳細說明一下。

　　　　在 https://github.com/dreamITGirl/vuepageturn 我的這個代碼庫裏，更新到2.1版本。

　　　　目前解決了：在v-touch中，有滾動區域的話，滾動區域不好用，尤其是在ios系統中，無法滑動的問題；新增圖片預加載功能；滑動到某一頁時，該頁才會出現動畫效果，

　　　　我先依次說一下我的解決方式

　　　　首先，第一個問題：在v-touch中，有滾動區域的話，滾動區域不好用，尤其是在ios系統中，無法滑動的問題

　　　　在解決這個的時候，我和團隊的leader我們確實翻過不少資料，發現滾動不了其實主要原因就是在滾動區域滾動條觸頂或者觸底了。如圖（以觸頂為例）

　　　　當滾動條所處的位置和藍色位置一樣時，在移動端就會出現滑動區域卡死的狀態，這時的滾動條就是觸頂了。（觸底類似，不再贅述）

　　　　所以，我們解決的方式就是在監聽到用戶的滾動條位置觸頂或者觸底時，控制滾動條往下或者往上移動一段距離，這樣滑動區域就不會卡死，但是，用戶體驗不是很好，而且，可能會存在用戶無法滑動到底部。不過如果你們有更好的解決方式，可以分享出來。

　　　　第二個問題：新增圖片預加載功能

　　　 我是在component中創建了一個新的組件專門load圖片和其他資源。　

　　　　以圖片為例：

　　　　創建了一個圖片的數組，將每張圖片的路徑放在這個數組中。然後遍歷數組，創建image對象，使image的src屬性對應數組中的路徑，當遍歷結束時，通過路由跳轉的方式跳到首頁面

　　　　如果用戶需要加上加載的百分比，可以在data中設置percent的屬性，在遍歷時給通過計算的方式賦值就可以了。

　　　　第三個問題：滑動到某一頁時，該頁才會出現動畫效果

　　　　我的動畫效果是直接引用的animate.css；官網地址：https://daneden.github.io/animate.css/ 大家如果不想自己寫，或者是動畫不復雜，可以直接引用。

　　　　當我上下翻頁的時候，動畫已經執行完了。所以，需要判斷一下當前的頁面是哪一個，然後再給它加上動畫的class

　　　　我是在vuex中管理我的組件顯示的狀態的。在頁面滑動結束時，提交狀態，然後相應的組件在computed中進行監聽，如果滿足條件，則返回true，則顯示動畫的class值。

v-touch使用方法以及在項目中遇到的問題