CSS 滚动驱动动画的 range：如何精确控制动画的起止进度
本文聚焦 CSS 滚动驱动动画中 animation-range 的机制，解释如何将动画时间线映射到滚动容器的特定区间，并与默认的全区间映射对比。以长页面中多个元素依次进入视口触发动画为例，结合 IntersectionObserver 方案分析 range 的触发时机、性能影响、适用边界与浏览器支持。
#滚动驱动动画
共 2 篇文章
CSS 滚动驱动动画：时间线如何与滚动进度绑定并影响合成
本文以长页面滚动指示器为例，解析 scroll-timeline 与 view-timeline 如何将动画进度映射到滚动位置，对比其基于合成器更新与主线程更新的差异，并给出适用边界。