CSS「position: sticky;」でサイドバーを固定しスクロール追従させる方法をご紹介します。 スクロール追従する固定サイドバーの完成イメージ CSSで画面をスクロールしても位置が固定されているサイドバーを持つ、2カラムレイアウトのページです。 ピンク色の部分がスクロール追従する固定サイドバーでに位置します。 サンプルコード 「position: sticky;」で上から50pxの場所に.side_contentを固定しています。 2カラムレイアウトは「display: grid;」で3:1にしました。...