---
title: MIRO 스크롤 탑바와 게시물 탐색 개선
date: 2026-11-10T10:08:10.610Z
version: v1.0.0
status: 검증 대기
state: verification
project: github-blog
type: 수정사항
report_kind: result
category: 수정사항
summary: 검색창을 포함한 탑바가 스크롤 중 작게 유지됩니다. 헤드라인은 본문과 함께 스크롤되고, 글 하단에 한 번 더 표시됩니다.
format: tracefolio-v2
priority: normal
severity: normal
reporter: 미기록
assignee: 미지정
payload: ../assets/submissions/2026-11-10-result-20261110100810610-v1.0.0.json
---

## 작업 결과

이전·다음 게시물 링크를 방향 아이콘, 이동 방향, 제목으로 구분했습니다. 변경 커밋 36abbd3을 블로그 main에 푸시했습니다.

## 변경 내용

### 적용 내용

- 사용자 요청 순서대로 헤드라인 고정 해제와 본문 아래 재배치, 읽는 중 제목과 이전·다음 링크 개편을 반영했습니다. 후속 요청으로 탑바와 검색창도 유지했습니다.
- `build.mjs`에서 헤드라인을 재사용하고, `page-navigation.js`에서 원래 제목이 탑바 위로 넘어갈 때 읽는 제목을 표시합니다.

```js
page.toggleAttribute('data-reading-title', Boolean(
  articleHeading && articleHeading.getBoundingClientRect().bottom <= utility.getBoundingClientRect().bottom
));
```

## 검증

빌드에서 게시물 154개와 이미지 참조 214개를 확인했습니다. 헤드리스 Chrome에서 스크롤 후 탑바 위치가 0이고 두 헤드라인 모두 일반 흐름에 있는 것을 확인했습니다. 390px 화면에서 가로 넘침 없이 검색창과 읽는 제목이 표시됐습니다.

![수정 전 스크롤 시 상단](../assets/miro-topbar-before.png)

![수정 후 스크롤 중 제목과 검색창](../assets/miro-topbar-after.png)

![수정 전 이전 및 다음 글](../assets/miro-post-links-before.png)

![수정 후 이전 및 다음 글](../assets/miro-post-links-after.png)

## 남은 사항

운영 게시물에서 새 탑바 모듈 응답을 확인했습니다. 전역·프로젝트 지침은 변경 사항이 없습니다.

## 작업 시간

- 제안 시간: 4~6분
- 실제로 완료된 시간: 운영 페이지 적용 확인까지 약 6분 43초. 19:08:30 KST 기록.
- XERJ: 미사용 — 코드 검색 근거가 제공되지 않았습니다.