왼쪽 비주얼은 고정된 채 오른쪽 글을 스크롤하면 장면이 단계별로 바뀐다(애플 제품 페이지 구성). 활성 판정은 화면 중앙 띠 기준 IntersectionObserver.
고르기
갤러리의 라이브 프리뷰를 직접 사용해 보고 필요한 패턴만 고릅니다. 문서를 먼저 읽을 필요가 없습니다.
복사하기
패턴은 폴더 하나로 자립합니다. 그대로 가져오면 되고, 추가 의존성이나 빌드 설정이 없습니다.
토큰 맞추기
색은 전부 디자인 토큰을 참조합니다. 브랜드 색만 바꾸면 라이트와 다크가 동시에 우리 것이 됩니다.
배포
reduced-motion·SSR·no-JS 폴백이 이미 들어 있어, 접근성 리뷰를 따로 준비할 게 없습니다.
상자 안에서 스크롤해 보세요. 왼쪽 비주얼은 고정된 채 오른쪽 글에 따라 장면이 바뀝니다. 활성 판정은 화면 중앙 띠 기준(IntersectionObserver).