【CSS】特定の要素だけスクロールで固定する（position: sticky）

要素をスクロールに応じて固定表示する方法です。

ヘッダーやサイドメニューなど、一部の要素だけを画面上に固定したい場合に便利なのがposition: stickyです。topやleftなどと組み合わせて使用します。

基本のCSS

スクロールで見出しを固定する例

補足

stickyは親要素の範囲内でしか固定されません。