Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Google Plus反动画是如何工作的?_Javascript_Css_Google Plus_Google Plus One - Fatal编程技术网

Javascript Google Plus反动画是如何工作的?

Javascript Google Plus反动画是如何工作的?,javascript,css,google-plus,google-plus-one,Javascript,Css,Google Plus,Google Plus One,有人知道谷歌+“投票后动画”是如何运作的吗 这就是我的意思:通过单步执行代码,我可以看出: 将该数字拆分为内联块元素 需要设置动画的部分(如果数字不是9,则最后一位数字;如果数字是9,则整数)的高度已明确设置,其溢出设置为隐藏 此新元素的内容设置为{number}{number+1}{number} 此新元素的scrollTop属性已设置动画以创建滚动效果 效果结束后,它们将用新编号替换拆分的元素 我不确定这个元素的第三个数字是什么,可能是为了使向后滚动更容易。谢谢!我自己还不明白。

有人知道谷歌+“投票后动画”是如何运作的吗


这就是我的意思:

通过单步执行代码,我可以看出:

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

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

    谢谢!我自己还不明白。