MyAOS

Animate On Scroll – 超軽量

data-aos="fade-up" / "fade-left" / "zoom-in" / "flip-up"

基本

要素に data-aos を付けるだけ。遅延・時間・イージング・一度だけ再生なども属性で指定できます。

fade-up
fade-left
fade-right
fade-down
zoom-in
zoom-out
flip-up
flip-down

詳細オプション

delay / duration / easing / offset / once
これは 300ms 遅延・1s再生・独自イージング・ビューポート手前80pxで発火・一度だけ再生。

MyAOS.init({ once, offset, threshold, rootMargin }) / MyAOS.refresh()