【CSS】途中から固定されるスティッキーヘッダーを作る

最初から上部に固定されているスティッキーヘッダー ではなく、途中から固定されるスティッキーヘッダー です。

※かなり簡単です

スティッキーヘッダー にしたい要素に以下のCSSを記述します。

position: -webkit-sticky;
position: sticky;
top: 0;

たったこれだけです。

参考

https://dezanari.com/css-sticky-header/