Design Kits Blog

position: sticky는 요소가 일반적인 문서 흐름에 따라 배치되다가 특정 위치에 도달하면 고정되는 기능을 제공합니다. 

즉, 특정 스크롤 위치까지는 일반적인 문서 흐름에 따라 배치되지만 그 이후로는 화면의 특정 위치에 고정됩니다. 

이는 유용한 기능으로, 페이지의 헤더나 사이드바 같은 요소들을 스크롤이 일정 위치에 도달하면 화면 상단이나 측면에 고정시키는 데 사용될 수 있습니다.

See the Pen Untitled by designkits (@designkits) on CodePen.