position sticky 속성 활용법
CSS 24.02.26position: sticky는 요소가 일반적인 문서 흐름에 따라 배치되다가 특정 위치에 도달하면 고정되는 기능을 제공합니다.
즉, 특정 스크롤 위치까지는 일반적인 문서 흐름에 따라 배치되지만 그 이후로는 화면의 특정 위치에 고정됩니다.
이는 유용한 기능으로, 페이지의 헤더나 사이드바 같은 요소들을 스크롤이 일정 위치에 도달하면 화면 상단이나 측면에 고정시키는 데 사용될 수 있습니다.
See the Pen Untitled by designkits (@designkits) on CodePen.
