Swiper3つのスライドを連携したらロングスワイプで連番がずれる問題

フロントエンド6ヶ月目の無責任作業メモ

スワイパーを3つ連動させたいときにGoogle検索してコピペしたコードでバグが出た。

バグ
小さいスワイプでスライダーを動かす際は問題はないが、長いスワイプで一気にスライダーを二個以上動かした際に連動が途切れた

前提
Controllerを使用せずにslideChangeTransitionEndのイベントを取得している場合

検証

イベントをすべて試した。

Interface SwiperEvents

https://swiperjs.com/types/interfaces/types_swiper_events.SwiperEvents

結論

スワイプの部分だけtransitionEndでイベントを取得するようにした。
※すべてtransitionEndを使うと無限ループになった。

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です