fix: 인테리어 샘플 — 히어로 배치·스크롤 애니메이션·폰트 오류 수정
[Root cause 3가지] 1. 스크롤 이벤트 타깃 오류 - window.scroll → .main-content (overflow-y:auto) 로 수정 - DashboardShell의 내부 스크롤 컨테이너를 querySelector로 탐색 2. 히어로 높이 오류 - height:100dvh → calc(100dvh - 40px - 72px) - 배너(40px) + 네비(72px) 이후 남은 뷰포트를 정확히 채움 3. 스크롤 텍스트 transform 충돌 - top:50%; transform:translateY(-50%) 위치지정 제거 - au-scrub-text를 inset:0 flex 레이아웃으로 변경 - JS는 opacity+filter만 갱신 (transform 불변) [추가 개선] - nav: 히어로 위에서 투명, 스크롤 후 cream 배경+blur 전환 - 스크롤 섹션 초기 onScrub() 즉시 호출로 첫 텍스트 표시 - IntersectionObserver root를 .main-content로 지정 - 마일스톤 2 data-end="1.01" (경계값 처리) - 전체 페이지 코드 정리 및 중복 제거 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
