關於Swiper.js，是近期我用過最全面的輪播效果，它很完整，且還蓋豐富的api可以調用做修改，非常好用。
但在使用上仍會遇到一些難解的疑惑，上網查也不見得可以查到快速的解法，須從api的文件中一個個來試，以下就是紀錄swiper使用上的一些問題紀錄:
1. Vertical 效果，若結合頁面原生地捲軸，需要設置一些參數才可以，不然直接使用官網上的範例，會導致swiper佔據touch事件，而無法使用卷軸
const swiper_mobile = new Swiper(`#mobileSwiper`, {
direction: "vertical",
touchReleaseOnEdges: true, //true: 啟用邊緣釋放
});
2. 同樣是針對Vertical效果，如果slide中含有捲動軸，那可以透過加入以下參數來釋放swiper的touch事件
const swiper_mobile = new Swiper(`#mobileSwiper`, {
direction: "vertical",
noSwiping: true, //啟用可捲動區塊樣式
noSwipingClass: 'swiper-no-swiping', //自訂義可捲動區塊樣式，預設為swiper-no-swiping
});
3.如果要開始於特定slide，可以透過以下參數來指定
const swiper_mobile = new Swiper(`#mobileSwiper`, {
direction: "vertical",
initialSlide: 1, //切換預設的起始slide
});
關於Swiper的範例使用，它不像其他外掛會直接將代碼嵌在頁面中提供複製，而是會另開一個範例頁面，你可以選擇直接存此HTML，或透過檢視原始碼來直接查頁面中範例的使用方式
Swiper.js AIP文件:
https://swiperjs.com/swiper-api
Swiper.js DEMO範例:
https://swiperjs.com/demos 
