2026-01-05

Sticky Nav 때문에 앵커 링크가 가려질 때, 인라인 CSS 몇 줄로 깔끔하게 해결하기

Sticky Nav가 고정된 상단 바 때문에 앵커 링크가 가려지는 문제를 해결하는 방법을 소개합니다. 인라인 CSS로 scroll-margin-top을 적용하거나 scroll-padding-top, ::before 트릭 등을 활용해 간단히 보정하는 단계별 가이드를 제공합니다. 이 글을 통해 프론트엔드 개발자는 문서, TOC, 각주 등에서 링크가 정상적으로 표시되도록 빠르게 적용할 수 있습니다.