AOS.jsとlazyloadを併用する方法

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

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

参考リンク

When using lazy loading, AOS does not work. · Issue #407 · michalsnik/aos

Hello Michal Thanks for your great script :) I've noticed some loading...

github.com