React Hook

useScrollProgress

요소 기준 스크롤 진행도(0~1)를 노출합니다. 아래 영역은 화면 5배 길이의 sticky 무대이고, 카드는 한가운데 고정된 채 스크롤 진행도에 따라 색·크기·회전이 변합니다.

Progress0.000

mapRange

scroll →

scale 0.85 · rotate -10.0°

Scroll

시퀀스가 끝났습니다. wrapper 높이를 500vh로 잡고 ref를 sticky 자식에 부착하면, 그 사이 진행도(0→1)가 부모 기준으로 측정됩니다.