기본 배경 상태
첫 번째 사건 (00:00)
여기에 첫 번째 이벤트에 대한 설명이 들어갑니다. 스크롤이 이 카드에 도달하면 배경 요소의 상태가 1번 상태로 변경됩니다.
두 번째 사건 (04:30)
카드의 위치를 오른쪽으로 배치한 예시입니다. 스크롤을 더 내리면 배경 데이터가 2번 데이터(예: 특정 좌표로 이동)로 업데이트됩니다.
세 번째 사건 (12:15)
마지막 사건 카드입니다. 이처럼 데이터 객체와 스크롤 이벤트를 동기화하여 서사를 시각적으로 전달할 수 있습니다.