滚动相关 · 滚到哪、变到哪
滚动驱动Scroll-driven animation
- 跟手
- 连续
- 可来回
动画进度直接绑定滚动位置，用户往回滚，动画就倒着走，像在拖一条时间轴。
什么时候用它
想让滚动位置精确控制某段播放进度时用它；只是“出现时播一次”用“滚动进入”。
参数
animation-timeline: view() · animation-range: entry 0% → cover 40% · linear
配方
滚动驱动 → entry 0% → cover 40% @ linear
给 AI 的一句话
把这个进度条绑定到滚动位置：animation-timeline: view()，animation-range 从 entry 0% 到 cover 40%，linear，滚动 200px 内进度走满，往回滚时倒放。