ブログ的なレイアウトだと、サイドバーをスクロールに合わせて固定させたいということがよくありますよね。一般的にこれは JavaScript で実装されますが、せっかくなので CSS の position: sticky で試してみました。 position: sticky とは 使用頻度の高い position プロパティにあって sticky なる値は聞いたことがないかもしれませんが、これは CSS Positioned Layout Module Level 3 にて追加された新しいもので、なかなか説明するのがムズカシイのですが、fixed と relative を合わせたようなものだと MDN では説明されています。 position: sticky と しきい値 (top, right, bottom, left プロパティ)を指定することで、画面上の絶対位置がしきい値より大きいとき
![position: sticky でいろいろなスティッキー(追尾)サイドバーを試す - Spuit](https://cdn-ak-scissors.b.st-hatena.com/image/square/a806d87bb8013a50e0e88833ed464e7d4eddf6ee/height=288;version=1;width=512/https%3A%2F%2Fspuit.tech%2Fwp-content%2Fuploads%2F2017%2F02%2Fsticky-wall.png)