진행도를 섹션 높이로 재고 있어서, 여섯 게이트를 다 돌리려면 정거장 목록 뒤에 화면 절반이 넘는 빈 공간(558px)이 필요했다. 콘텐츠가 아니라 스크롤 연료였고 화면에서는 그냥 큰 빈칸으로 보였다. 진행도를 목록이 화면을 지나는 구간으로 바꿨다. start = 뷰포트 70% 지점에 목록 위쪽이 닿으면 0 end = 뷰포트 30% 지점을 목록 아래쪽이 빠져나가면 1 travel = 목록 높이 + (start - end) 뷰포트의 40% 가 구간으로 더해지므로, 목록 963px 이 1323px 구간이 되고 게이트당 220px 이다. 여백을 다 지우고도 과민 반응 기준(200px)을 넘긴다. motion.md 에 "스크롤 구간이 모자라면 여백이 아니라 진행도 공식을 고쳐라" 를 기록했다. |
||
|---|---|---|
| .. | ||
| site | ||