jquery - フェイスブックイーズエフェクトw/jquery

Question

ニュースフィードに更新をAJAXでロードするときに、Facebookが今日実装する「イーズダウン」効果を作成する方法を誰かが推奨できますか？（「load x new news feed articles」と表示されている場合）を使用するprependと、新しいアップデートが一度に挿入されます。

新しい着信アップデートのためのスペースを確保するために、古いアップデートをスムーズに緩和/スライドダウンする方法を探しています。

ありがとう。

Answer 1

すべての要素を挿入するときは、display: none次を使用していることを確認してください。

$("some jquery selector").show("slow")

jquery のドキュメント ページを参照してください。

Answer 2

show()は、オブジェクトを下方向と右方向の両方に拡張します。

slideDown()は、オブジェクトを下方向にのみ展開します。

他の効果を実現したい場合は、animate()を使用してください。

Answer 3

slideDown()およびslideUp()メソッドはどうですか?

これらを使用して、新しい着信更新を「イーズ イン」することができます。これにより、古い更新が下方にイーズされます。