Skip to content

[fix] sticky header와 nav/aside-toc 겹침 문제 #174

@krsy0411

Description

@krsy0411

현재 문제

페이지 스크롤 시 sticky header(높이 64px, h-16) 아래에 위치해야 하는 좌측 네비게이션(#sidebar)과 우측 목차(aside-toc)가 16px만큼 header에 가려지는 문제가 발생했습니다.

재현 방법

  1. 아무 문서 페이지에 접속합니다
  2. 페이지를 아래로 스크롤합니다
  3. sticky header가 고정되면서 좌측 nav와 우측 aside-toc의 상단 부분이 header 뒤로 가려지는 것을 확인할 수 있습니다

영향 범위

  • 네비게이션과 목차의 최상단 콘텐츠가 header에 가려져서 시각적으로 문제가 있습니다
  • 일부 클릭 영역이 제한될 수 있습니다

해결 목표

nav와 aside-toc의 top 값을 sticky header의 높이(64px)와 일치시켜 스크롤 시 겹침을 방지합니다.

기대 결과

스크롤 시 sticky header 바로 아래에 nav와 aside-toc가 정확히 위치하여, 모든 콘텐츠가 가려지지 않고 정상적으로 표시됩니다.

Metadata

Metadata

Assignees

Labels

uiUI 작업 관련

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions