Unverified50% confidenceSolutionExact time
设置 once: true 确保滚动动画只播放一次，避免滚回时重复触发；同时需将初始文本内容手动设为 0，防止页面加载时闪现最终数值
1
Sources
50%
Confidence
Long-term
Relevance
7/11/2026
First Seen
Sources
GSAP in Practice: Build Stunning Landing Page Animations from Scratch
youtubeKevin Powell7/8/2026
Related Claims
UnverifiedThe native CSS solution maps scroll position to animation progress via the animation-timeline: scroll() property, running entirely on the compositor thread and bypassing main-thread blocking.63% similarUnverifiedCSS animations define animation sequences through @keyframes rules, and setting animation-iteration-count to infinite enables infinite looping.62% similarUnverifiedrequestAnimationFrame的hack有效是因为浏览器的样式计算和布局是批量处理的，将第二次DOM修改推迟到下一帧可强制先处理display变更再检测opacity变化启动过渡62% similarUnverifiedCSS规范定义离散属性在过渡中的插值行为为：动画进度0%到49.9%时保持起始值，50%时跳变为终止值；但display: none的跳变被延迟到100%60% similarUnverifiedCSS动画可在合成线程运行，减少主线程负担60% similar
Cite This Claim
Stable URI
https://kongchang.com/claim/482340API
curl https://kongchang.com/api/v1/knowledge/claims/482340MCP
get_claim(id=482340)