【问题标题】:How does Google Plus counter animation work?Google Plus 计数器动画是如何工作的?
【发布时间】:2012-10-19 10:43:11
【问题描述】:

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

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

【问题讨论】:

    标签: javascript css google-plus google-plus-one


    【解决方案1】:

    从我可以通过单步执行代码得知,他们:

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

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

    【讨论】:

    • 谢谢!自己还不明白。
    猜你喜欢
    • 1970-01-01
    • 2015-03-12
    • 2012-03-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多