チラつく

Swiperを使った案件で、ちょっとハマったので、メモ。Swiperで画像がスライド後、たまに画像の右側が一瞬白くフラッシュする事象が発生。Safariのみ、それが起こります。他のブラウザでは見かけませんでした。バージョンはこちら。Swiper 5.4.5、Safari 16.2。日本語で検索するとそこそこ同様の事象が見られ、簡単に解決するかなと思いましたが、うまくハマりませんでした。入れる場所を変えたり、他の方法を試したりしましたが、うまくいきません。あれこれ試して、対処できた方法が以下です。

.swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

参考にしたのがこちら。こちらでなんとか治まりました。助かりました。

Slides flickering after end loop in Swiper Slider

For very long time (weeks, month) I tries to show boxes thro…

Stack Overflow