2022 03 21

css position: fixed と position: sticky の違い

fixedは画面左上に固定される。要素の空間が確保されないため、他要素はfixedに重ならないように位置を指定してやる必要がある。

stickyは親要素を基準として固定される。要素の空間が確保される。位置を指定する必要がある。固定されるのは親要素内でのみのため、スクロールで親要素が固定位置の外へ移動した場合は、親要素からはみ出ないように移動される。