Scroll-driven Animations 滚动驱动动画与性能治理（2025）

Scroll-driven Animations 滚动驱动动画与性能治理（2025）一、能力与用法animation-timeline：将滚动位置映射为时间轴；驱动关键帧（animation-timeline）。场景：渐入渐出、视差滚动、章节进度指示（视差）。二、性能与降级性能：优先使用合成层与 `transform/opacity`；避免 `layout` 驱动动画（性能）。降级：禁用或简化动画以适配低端设备与“减少动画”设置（可访问性）。三、实现与治理实现：定义滚动源与范围；控制关键帧曲线与节奏。治理：限制动画数量与复杂度；避免与页面交互冲突。注意事项关键词（Scroll-driven Animations、animation-timeline、视差、性能、可访问性）与正文一致。分类为“前端/CSS/动画”，不超过三级。参数需在多设备与真实页面基线上验证。