CSS 滚动驱动动画的 timeline-scope：为什么命名时间线需要作用域提升
本文讨论 CSS scroll-driven animations 中 timeline-scope 属性的作用：它如何将子元素的命名滚动时间线提升到祖先作用域，使非父子关系的元素也能共享同一时间线。以页面级滚动进度条驱动多个区域动画的场景为例，说明命名时间线的查找机制、作用域限制、timeline-scope 的声明方式及其对动画同步的影响，对比传统 JS 滚动监听方案的性能与复杂度，并给出适用边界与浏览器支持。