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
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions