はじめに：Stickyヘッダーとは？ Webサイトをスクロールしても、ヘッダー（ナビゲーションバーなど）が画面の上部に追従するように残るUIを「Stickyヘッダー」と呼びます。 .site-header { position: -webkit-sticky; /* Safari対策 */ position: sticky; } 5. スクロールに応じて ...

ブラウザをスクロールした際に、表示領域の上部にヘッダーやナビゲーションなどの特定の要素を常に固定位置に表示させることはCSSでも可能です。ただ、ページレイアウトの都合で、最上部にPR画像のようなものを固定表示させたくない場合や、逆に ...

日に日に奥さんへの愛がもりもりになっていくEASYです～ 「自分のサイト、なんだか平面的でのっぺりした印象だな…」 「Webサイトの顔であるトップページに、プロのような立体感とインパクトが欲しい！」 そう思ったことはありませんか？ ユーザーが ...

株式会社クリーク･アンド･リバー社（C&R社）は9月18日（水）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、無料のオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（1）〜ヘッダー ...

株式会社クリーク･アンド･リバー社（C&R社）は2月14日（金）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、昨年9月に開催したオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（1 ...