fixed , sticky 정리 (추가로 React에서 스크롤이벤트)

fixed 위 속성을 적용하게 되면 일반적인 문서 요소 순서에 따라 배치되는 것이 아니라 페이지 화면 내 절대적인 위치에 고정시킬 수 있다. 스크롤과 상관없이 항상 해당 위치에 고정된다. 출처: https://ordinary-code.tistory.com/106 [김평범's OrdinaryCode:티스토리] 대표적인 예로 스크롤과 상관없이 계속 위 상단에 고정되는 Header들이 fixed 속성에 해당된다. 또한 내가 삽질한 예시를 보면 더 이해가 빠를 듯하다. fixed 는 항상 페이지에서 고정된 위치에 존재하기 때문에 다음과 같이 footer 안에 들어가는 참사가 발생할 수 있다. 내가 원하는 대로 구현을 하려면 sticky나 fixed + js 조합을 사용해야했다. sticky 위 속성을 적용하게 ..