はてなブックマーク

概要 webサイトなどを見ていると、スクロールした時に要素がふわっと現れるやつありますよね 実装方法はいろいろあって比較検討したかったので、備忘録も兼ねて以下の三つの方法をまとめます AOS ScrollReveal.js 生のJavascript AOS AOS(Animation On Scroll library)とは、スクロールに連動してアニメーションを簡単に実装できるJavaScriptのプラグインです。 AOSを導入すると、HTML要素にクラスを追加、数行のJavaScriptを書くだけで、スクロールアニメーションを実装することができます。また、軽量であるため、パフォーマンスの観点からも導入がしやすいです。 実装方法 1 AOSの導入 パッケージのインストール