position : sticky

position: sticky

이 스타일이 적용되어 있는 요소가 화면에 나오면 고정시킨다.
단, 이 요소를 담고있는 부모 요소를 넘어가면 해제된다.

⚠️ sticky 주의할 점
- 스크롤을 할 만한 부모 박스가 존재해야 함
- top 등 좌표 속성과 함께 써야 제대로 보임

position: fixed랑 같은거 아닌가요?
position: fixed는 항상 화면에 고정이 되는 요소를 만들 때 사용

출처. 코딩애플