yunchan/designpaca
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

fix(site,skill): 모바일 상단 바 수리 — 탭 전환 스크롤 리셋과 단일 sticky 헤더

Browse source 
사용자 보고 '상단 바가 페이지마다 왔다갔다하며 패딩이 없고 포지션도 이상하다'를 계측으로 원인 규명:
- 탭 전환 시 이전 뷰의 window.scrollY 잔류 — 짧은 뷰에선 클램프(600→49)되어 헤더가 반쯤 잘림. setCurrentView 에 scrollTo(0,0) 리셋(양앱)
- ≤900 헤더 이중 스택(브랜드 줄 43px+크럼 52px)·비sticky·safe-top 무 — .side 숨기고 .topbar 를 sticky+safe-top 단일 헤더로(두레 앱바 문법). 데스크톱 무변경
- 재발 방지: e2e M5 헤더·스크롤 스위트 10단언(스크롤 300px+에서 탭 전환 → scrollY=0·헤더 top=0), 시각 기준 갱신(390px 9화면 의도 변경), verify L0~L6 재통과
- 스킬 mobile-app-ux.md 에 '뷰 전환은 스크롤을 리셋·헤더는 하나' 규칙 반영. 가온 CSS v23
This commit is contained in:
Yun Chan 2026-08-23 14:50:06 +09:00
parent 1b636b7b83
commit d4cd9ca49d
40 changed files with 76 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

18
apps/site/tools/verify-report.md
View file

@ -1,15 +1,15 @@
# 검증 리포트 — 2026-08-23 05:32
# 검증 리포트 — 2026-08-23 05:48
게이트: **전 계층 통과 — 배포 가능** · 총 84.4초
게이트: **전 계층 통과 — 배포 가능** · 총 85.9초
| 계층 | 결과 | 항목 | 소요 |
|---|---|---|---|
| L0-정적/stylelint | PASS | PASS — | 1.7s |
| L0-정적/stylelint | PASS | PASS — | 1.4s |
| L0-정식/html-validate | PASS | PASS — | 1.2s |
| L1-단위/계산로직 | PASS | PASS 41 | 0.0s |
| L2-기능/감사 | PASS | PASS 72 | 9.7s |
| L2-불변식/렌더 | PASS | PASS 10 | 16.7s |
| L3-시각회귀/diff | PASS | PASS 30 | 11.4s |
| L4-WebKit | PASS | PASS 8 | 3.9s |
| L5-탐색/키보드 | PASS | PASS 14 | 6.1s |
| L6-시나리오/E2E | PASS | PASS — | 33.6s |
| L2-기능/감사 | PASS | PASS 72 | 9.6s |
| L2-불변식/렌더 | PASS | PASS 10 | 16.9s |
| L3-시각회귀/diff | PASS | PASS 30 | 11.3s |
| L4-WebKit | PASS | PASS 8 | 3.5s |
| L5-탐색/키보드 | PASS | PASS 14 | 6.3s |
| L6-시나리오/E2E | PASS | PASS — | 35.5s |