javascript - Google Plus 计数器动画是如何工作的？

Question

有人知道 Google Plus 的投票后动画是如何工作的吗？

这就是我的意思：http ://cl.ly/image/0h1l1a181j1O

Answer 1

从我通过单步执行代码可以看出，他们：

1. 将该数字拆分为内联块元素
2. 需要动画的部分（如果数字不是9，则为最后一位，如果为9，则为整数）明确设置其高度，并将其溢出设置为隐藏。
3. 这个新元素的内容设置为 {number}<br>{number + 1}<br>{number}
4. 这个新元素的 scrollTop 属性被动画以创建滚动效果
5. 效果结束后，它们将拆分的元素替换为新的数字。

我不确定这个元素的第三个数字是什么，可能是为了让向后滚动更容易。