待验证50% 置信解决方案精确时间
设置 once: true 确保滚动动画只播放一次，避免滚回时重复触发；同时需将初始文本内容手动设为 0，防止页面加载时闪现最终数值
1
来源数
50%
置信度
长期有效
时效性
2026/7/11
首次发现
来源
GSAP 实战教程：从零打造惊艳落地页动画
youtubeKevin Powell2026/7/8
相关事实
待验证CSS原生方案通过 animation-timeline: scroll() 属性将滚动位置映射为动画进度，完全在合成线程上运行，规避主线程阻塞63% 相似待验证CSS动画通过@keyframes规则定义动画序列，将animation-iteration-count设为infinite可实现无限循环62% 相似待验证requestAnimationFrame的hack有效是因为浏览器的样式计算和布局是批量处理的，将第二次DOM修改推迟到下一帧可强制先处理display变更再检测opacity变化启动过渡62% 相似待验证CSS规范定义离散属性在过渡中的插值行为为：动画进度0%到49.9%时保持起始值，50%时跳变为终止值；但display: none的跳变被延迟到100%60% 相似待验证CSS动画可在合成线程运行，减少主线程负担60% 相似
引用此条事实
Stable URI
https://kongchang.com/claim/482340API
curl https://kongchang.com/api/v1/knowledge/claims/482340MCP
get_claim(id=482340)