3

Google Plusの投票後のアニメーションがどのように機能しているか知っている人はいますか?

これは私が意味することです:http://cl.ly/image/0h1l1a181j1O

4

1 に答える 1

1

コードをステップスルーすることで私が知ることができることから、彼らは:

  1. その数をインラインブロック要素に分割します
  2. アニメートする必要のある部分(数値が9でない場合は最後の桁、9の場合は整数)の高さは明示的に設定され、オーバーフローは非表示に設定されます。
  3. この新しい要素の内容は{number}<br>{number + 1}<br>{number}に設定されています
  4. この新しい要素のscrollTopプロパティは、スクロール効果を作成するためにアニメーション化されます
  5. エフェクトが終了すると、分割された要素が新しい番号に置き換えられます。

この要素の3番目の数字が何のためにあるのかわかりません。おそらく、後方へのスクロールを容易にするためです。

于 2012-10-30T05:48:46.963 に答える