Airbnbのサイトを模写していて、ヘッダーの固定、背景色、余白のやり方に少し悩み、解決したので手順と考え方、コードを記載します。 .granHeader { position: fixed; /* ヘッダーを画面上部に固定 */ top: 0; /* 画面の最上部から配置 */ width: 100%; /* 幅を画面全体に拡張 ...

「上に常にナビが出ているやつを作りたい」 固定ヘッダーは最初に覚えると、その後のレイアウト設計がぐっと楽になります。 ここでは基本実装 → ありがちな落とし穴 → 改良ポイントの順に、初心者でもそのまま流用できる形で解説します。 固定 ...

ここ数年で、スクロールしてもヘッダが上部に固定配置されているページが増えてきました。UX的には便利な面もありますが、その反面問題もあります。固定ヘッダがあるページでページ内リンクをクリックすると、移動した先が固定ヘッダに重なって隠れます ...