ひびのログ

日々ではないけどログを出力していくブログ

CSS

ヘッダーを固定するならとりあえずこの 1 行を入れとけっていう CSS

CSS

TL;DR body { scroll-padding-top: <ヘッダーの高さ + α>; } 前置き 下の記事では、ヘッダー・フッターは position: fixed; より Flexbox とか CSS Grid とかで作ったほうがいいのでは、的な話をしました(個人の感想です)。 www.tee-talog.com そうはいっ…

ヘッダー・フッターの固定とスクロールバー

ヘッダー・フッターを固定するとき、position: fixedはやめたほうがいいんじゃないかという話。 どゆこと? どうやってんの? なにがいいの? そのいち そのに やりかた Flexbox 編 CSS Grid 編 おすすめ ソースコード おまけ どゆこと? 赤部分がヘッダー、…