position:fixed;는 뷰포트 기준으로 자리잡는 속성. 원래 있어야할 레이아웃 공간도 배정하지 않음.
(뷰포트가 처음 나타났을때의 화면을 기준으로 자리잡음)
position:sticky;: 초기에는 일반적인 문서 흐름에따라 배치, 가장가까운, 스크롤이 가능한 조상(없으면 최상단 기준) 을 기준으로 top,left,right,bottom값에따라 위치 적용한다.
그리고 다른 요소에 영햫주지 않는다.
sticky?
말 그대로 가장 가까운 조상에 달라붙어 스크롤 전에는 처음 지정해준 장소에 위치하지만, 스크롤 따라 지정된 위치를 벗어나면 top,left,right,bottm값에 따라 이동하며, 다시 스크롤을 원위치하면 돌아간다.
