sticky vs fixed

sticky vs fixed

fixed : 스크롤을 해도 해당 위치에 위치한다

position:fixed;
bottom:0;

위 처럼 적용시 처음에 로드시 bottom :0 에 붙지만, 스크롤을 영향을 받지 않아서,
스크롤을 내리면 fixed 인데도 위에 붙어 있는 현상이 된다.

sticky : 스크롤에 따라 위치한다

position:sticky;
bottom:0;

위 처럼 적용 시 fixed 와 달리 스크롤을 내릴때도 해당 bottom:0 을 계속 적용한다.