この記事について

アニメーションスクロールライブラリ（AOS）の紹介

アニメーションスクロールライブラリ（AOS）とは

スクロール時のフェードインの動きについて、基本的な動きが揃っていて使い方も簡単です。

ワイプではないですが、ズームする動きなどもあります。

使い方はライブラリを読み込んで、デモ通りに属性を指定するだけです。

公式サイトのデモを見るのが分かりやすい
https://michalsnik.github.io/aos/

補足

基本的には公式を見ると分かりやすいが、「ANCHOR PLACEMENT（アンカーの位置）について補足。

例えば「data-aos-anchor-placement=“top-bottom”」の「top-bottom」は「要素の上部が、ウインドウの下部に入ると実行」という動きになります。

以上です。最後までお読みいただきありがとうございました^^