スクロールリビール(Scroll Reveal)は、ユーザーのスクロールに連動してページ内の要素をフェードイン、スライドイン、スケールインなどのアニメーションで段階的に表示するUI手法だ。すべてのコンテンツが初期表示で見えている状態と比べて、コンテンツに「登場感」を与え、ユーザーの注意を引きつけやすい。実装にはIntersectionObserver APIを使うのが現代的な方法で、scroll イベントを直接監視する方法よりパフォーマンスに優れている。threshold(発火閾値)や rootMargin(余白)の設定で、発火タイミングを細かく制御できる。注意点として、過剰なアニメーションはユーザーの疲労を招くため、フェードイン+軽いスライドに留めるのが推奨される。
用語集
スクロールリビール
ページをスクロールするとコンテンツが段階的に表示されるアニメーション手法。ユーザーの視線誘導と読了率向上に効果がある。