AOSとlazyloadの併用で表示タイミングがずれるときの対処法【JavaScript】

2021年5月30日公開・2022年1月15日更新

この記事は最終更新から1年以上経過しています。内容が古くなっているかもしれません。。

GitHubのイシューを眺めていたらたまたま解決策を発見。lazysizesにも対応。

AOS.init();
document.querySelectorAll('img').forEach((img) =>
  img.addEventListener('load', () =>
    AOS.refresh()
  )
);

参考リンク

この記事はお役に立てましたか？

はい

いいえ

ヤフーに戻ります