サイドバーやヘッダーなどを追従させたい場合はstickyを使えば最強という話。

サイドバーやヘッダーの追従などをjqueryなどを使って、高さを取得して、スクロール毎にイベントを発生させて、、、としている人が結構いると思います。

しかし、そんなのは今は昔の話。

今はstickyを使えば追従は簡単に表現できます。

stickyは少し特殊なプロパティではありますが、慣れれば超便利アイテムです。

position:sticky;top:0;などのように高さを指定してあげればそれだけで親要素の範囲内で追従します。

本当に便利なので是非使ってみてください。

これで終わりです。