🤢
swiper-react loopが正しく動作しなくなった
reactのswiperを使用した時に画面サイズを広げていくと次第にloopの挙動がおかしくなり最終的に動かなくなってしまったことがありました。その時の対策としてメモを残しておきます
【原因】
-swiperのversionが９以上の場合-
公式ドキュメントにもある通り９以上からloopの処理が変わり、slidesPerViewの値がスライドの２倍以上じゃない場合loopが正しく動作しなくなる。
例）
正 - 現在表示されているスライド 4枚 総スライド数 8枚以上
誤 - 現在表示されているスライド 4枚 総スライド数 7枚以下
※Loopが機能しなくなる
【対策】
swiperのversionを８に落とす
※８以前は総枚数に限らずLoopが正常に機能していたため
Discussion