HTML CSS JavaScript 固定ヘッダー ヘッダー

下へスクロールすると隠れる固定ヘッダーを作る方法 下へスクロールすると隠れる固定ヘッダーを作る方法を紹介します。通常は画面上部に固定されているヘッダーを、ページを下へスクロールしたときだけ上方向へ隠し、上へスクロールしたときに再表示するレイ...

スクロールすると表示される固定ヘッダーを作る方法 スクロールすると表示される固定ヘッダーを作る方法を紹介します。ページを開いた直後はヘッダーを非表示にし、少しスクロールすると画面上部へ固定ヘッダーを表示するデザインです。画面を広く見せながら...

スクロールすると背景色が変わる固定ヘッダーを作る方法 スクロールすると背景色が変わる固定ヘッダーを作る方法を紹介します。ページ上部へ固定したヘッダーは、スクロールを開始すると背景色が切り替わり、コンテンツとの境界が分かりやすくなります。スク...

スクロールすると小さくなる固定ヘッダーを作る方法 スクロールすると小さくなる固定ヘッダーを作る方法を紹介します。ページ上部に固定されたヘッダーは、スクロール量が増えると高さや余白が小さくなり、画面を広く使えるようになります。ナビゲーションは...

スクロールすると固定ヘッダーが浮き上がるデザインを作る方法 スクロールすると固定ヘッダーが浮き上がるデザインを作る方法を紹介します。ページ上部に固定したヘッダーへスクロール時だけ影を付けることで、本文エリアより手前にあるような立体感を出せま...