前提・実現したいこと
レスポンシブのサイトにswiper.jsを使用して画像スライダーを実装しています。
発生している問題・エラーメッセージ
スライダーはループ処理をさせており、最後の画像から次のボタンを押すと最初の画像に戻ります。
PCでは問題なく動くのですがスマホで動かした時、最後の画像から最初の画像に移動する挙動がおかしくなっており、
一気に巻き戻すように最初の画像に戻っていくような動きをしてしまいます。
PCの時のように次の画像が自然に出てくるようにしたいのですが、原因がわからないので教えていただけるとありがたいです。
該当のソースコード
var mySwiper = new Swiper ('.swipe01', { loop: true, speed: 500, slidesPerView: 1, spaceBetween: 0, effect: 'slide', resistance: true, resistanceRatio: 1, autoplay: false, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } });
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
Andoroid,iOSともにこの事象が発生します。
あなたの回答
tips
プレビュー