この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:3
ページ更新者:爽健
更新日時:2026-05-17 06:28:41

タイトル: スクロールの際のサイドバー固定方法「position: sticky」

非常にシンプルに実装できたのでメモ。

縦方向のスクロールに対してサイドバーを固定する実装。

 

HTML

サイドバーの内容

 

CSS

.sidebar {
  height: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}