この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:2
ページ更新者:爽健
更新日時:2018-09-20 19:31:02

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

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

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

 

HTML

<div class="sidebar">

サイドバーの内容

</div>

 

CSS

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