チラつく
SafariでSwiperの画像がスライド後にチラつくのを治す
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…
コメント
選曲
The Moldau