Swiper 11 版本遷移指南

循環模式

v11 中的循環模式已大幅改進，這裡只有一個重大變更需要注意

• loopedSlides 參數已移除。如果它破壞了你的滑動器循環行為，請嘗試使用新的 loopAdditionalSlides 參數

元素事件前綴

現在，所有 Swiper Element 事件預設都會加上 swiper 前綴。你需要修改你的程式碼以監聽新的事件，或透過指定 eventsPrefix: '' (空字串) 參數來回溯到先前的行為。

<swiper-container> ... </swiper-container>
<script>
  const swiperEl = document.querySelector('swiper-container');

  // listen for `slideChange` event
  swiperEl.addEventListener('swiperslidechange', onSlideChange);
</script>

溢出隱藏

在 Swiper v11 中，容器的 overflow CSS 屬性預設為 hidden。如果它破壞了你的版面配置，只需添加自訂 CSS 樣式即可

.swiper {
  overflow: clip;
}