如何创建此效果,看起来新插入的更新显示在堆栈顶部并将其余部分向下推?这是在twitter主页上完成的。
更新
如果不清楚,我试图了解uipdates部分如何使用平滑滚动效果(包括动画)进行动画和更新的整体效果。
答案 0 :(得分: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();
});