滚动动画：CSS 与 JavaScript 的对比

前言

CSS 滚动驱动动画能把工作移出主线程，但浏览器支持度与降级方案才是取舍的关键。文章对两个版本做了基准测试，并给出当下就能上线的折中写法。

现场笔记

在处理 CSS 问题的过程中，反复出现的几个模式：

• 简单的版本撑过了每次重构，聪明的版本没有。
• 边做边写的文档，比事后补写的耐用得多。
• 同一个问题第二次出现时，它就已经是一个模式了——给它起个名字。

可以直接抄的检查清单

• 问题可以用一条命令复现。
• 修复附带一个没有它就会失败的测试。
• 作者本人之外的人也在自己的机器上跑过。

写在最后

写下未来那个自己真正会读的短版本——这就是全部的诀窍。