この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:1
ページ更新者:guest
更新日時:2018-02-03 17:29:00

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

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

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

 

HTML

<div class="sidebar">

サイドバーの内容

</div>

 

CSS

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