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

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

長い間こういうものだと諦観していたところ、GitHubのイシューに解決策を発見。lazysizesにも対応。

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

参考リンク

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

はい（以下をポチッと）

ぜんぜん

ヤフーに戻ります