2010-10-04 73 views
-1

如何創建這種效果,看起來像新插入的更新顯示在堆棧的頂部並將其餘部分向下推送?這是如何在Twitter主頁上完成的。推特風格更新

更新。

如果不清楚,我想了解uipdates部分如何動畫和更新,包括動畫在內的平滑滾動效果的全部效果。

回答

4

請閱讀How to Ask


UDPATED:

// The following code is untested. 
// But should give you an idea of how it could be done. 
var container = $("#tweetContainer"), 
    speed = 250; 

$("<div class='tweet'>1 new tweet</div>") 
    .hide() 
    .prependTo(container) 
    .show(speed); 

container.children(".tweet") 
    .eq(-1) 
    .hide(speed, function(){ 
     $(this).remove(); 
    }); 
+1

這不回答這個問題,怎麼會是動畫做又是怎樣堆棧重新排序(第一項插入,最後一個)等我看着這..這可能是一個解決方案。 http://www.fiveminuteargument.com/blog/scrolling-list – badnaam 2010-10-04 19:26:48

+0

你的問題沒有提到動畫。 – 2010-10-04 19:35:39

+0

感謝您的幫助。我原來的帖子明確指出..「這種效果,看起來像一個新插入的更新顯示在堆棧的頂部,並推動其餘的下降?」,我會認爲這足以表明我我不是在尋找如何在jQuery中做一個簡單的.append(),請閱讀http://api.jquery.com/append/文檔,它沒有提到將其他元素推出可見堆棧。 – badnaam 2010-10-04 19:54:20