스크롤 탑 버튼 / 헤더 스타일 변경
스크롤 이벤트 하나(updateScrollUi)에서 두 가지를 동시에 처리합니다.
js
selectors.header.classList.toggle('is-scrolled', scrollY >= 60);
selectors.topButton.classList.toggle('is-visible', scrollY >= 300);60px 이상 스크롤되면 헤더에 배경/그림자가 생기고, 300px 이상이면 맨 위로 이동 버튼이 나타납니다. 버튼 클릭 시 window.scrollTo({ top: 0, behavior: 'smooth' })로 최상단 이동을 처리합니다.
출처: Codyssey-B1/B1-1