Sticky1 position sticky, 알고 쓰고 계신가요? 요소의 위치를 정하는 CSS 속성 중 position에 다른 값보다 늦게 합류하게 된 sticky가 있다.오늘은 무심코 써왔던 sticky에 대해 간략히 파헤쳐 볼 것이다. sticky?사전적 정의로는 끈적거리는, 착 달라붙는이라는 뜻이다.fixed는 스크롤의 위치와 관계없이 가장 최상위 블록(시각상 뷰포트)을 기준으로 고정이 되고,sticky는 부모 요소의 스크롤이 되는 시점에 고정된다는 것이다. 부모의 스크롤이 사라지면 함께 고정이 풀린다. sticky의 조상은?element는 normal flow를 따라 element의 가장 가까운 scroll 조상과 containing block을 기준으로 상대적 위치가 정해진다.이것은 다른 요소의 위치에 영향을 주지 않고 독립적으로 움직인다.sticky elem.. 2025. 2. 22. 이전 1 다음 728x90 반응형