현재 문제
페이지 스크롤 시 sticky header(높이 64px, h-16) 아래에 위치해야 하는 좌측 네비게이션(#sidebar)과 우측 목차(aside-toc)가 16px만큼 header에 가려지는 문제가 발생했습니다.
재현 방법
- 아무 문서 페이지에 접속합니다
- 페이지를 아래로 스크롤합니다
- sticky header가 고정되면서 좌측 nav와 우측 aside-toc의 상단 부분이 header 뒤로 가려지는 것을 확인할 수 있습니다
영향 범위
- 네비게이션과 목차의 최상단 콘텐츠가 header에 가려져서 시각적으로 문제가 있습니다
- 일부 클릭 영역이 제한될 수 있습니다
해결 목표
nav와 aside-toc의 top 값을 sticky header의 높이(64px)와 일치시켜 스크롤 시 겹침을 방지합니다.
기대 결과
스크롤 시 sticky header 바로 아래에 nav와 aside-toc가 정확히 위치하여, 모든 콘텐츠가 가려지지 않고 정상적으로 표시됩니다.