CSS position: sticky;

CSS position stickyについて

 

他のカラム等を加味しながら要素を固定したい

e.g) サイドバーと別カラムでトップメニューを固定表示したい

→ sticky

 

他の要素を加味しない

→ fixed

 

stickyを使うときはtop, left, right等の場所を指定するプロパティーと一緒に使うこと

stickyに表示したい要素を構成する最上部のelementに指定すること

fixedと入れ子で指定できない(要検証)