position:sticky
例えばヘッダーの固定
code:css
header {
position: sticky;
top: 0; /* 忘れがち */
}
注意
position: sticky
すると、親要素がスティッキーコンテナになる
スティッキーアイテムがフロートするのはスティッキーコンテナの中
例えばコンテナの中に兄弟要素が無いと、意図したようにスティックしない