【Swiper】V9でのバグ対応方法!

取り急ぎにて、簡単な文章で大変申し訳ありません!

結果を先にお伝えしますと、「V9」から「V8」に戻しました!!

https://cdnjs.com/libraries/Swiper/8.4.7

簡単に解説いたします。

【今回起きた現象】

swiperを使用し、アクティブ画像の左右を見切れて表示させる。

centeredSlides: true,
slidesPerView: 2, 
spaceBetween: 20,

意見普通のコードなのですが、なぜかスライダーが2枚や3枚のときは表示がおかしくなる状態です。

具体的には、1枚目の後に空白があって2枚目が表示されているが、2枚目はスキップされ、1枚目→3枚目とアクティブ状態になる…

という形でした。

何度コードを見返してもおかしな点はなく、なんとなくSwiperのバージョンを戻してみると、このままのコードでうまく行きました!!

私の場合は↓の8.4.7でうまく動きました!

https://cdnjs.com/libraries/Swiper/8.4.7

また、時間を作って画像など踏まえまとめたいと思います!!

コメントを残す

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