スクロールアニメーション

このセクションでは、スクロールすることでアニメーションを発動させる方法について説明しています。

ヘッダーの表示・非表示設定

このレッスンでは、ナビゲーションバーの表示・非表示を切り替えるアニメーションを実装します。

下にスクロールすると消え、上にスクロールすると出現するナビゲーションバーはユーザーにコンテンツに注目してほしい際にぴったりです。

スクロールで背景色を変更するアニメーション

このレッスンでは、ページをスクロールしている時に背景の色を変更するアニメーションを実装します。