jquery 内容一直滚动效果

Question

现在有一个需求,每隔几秒中会从后台收到log日志,我需要显示在网页上查看.我想让这个日志滚动起来,这样看着就知道有新的日志产生.效果就像你从终端cat一个日志,总是新的信息会把之前的往上挤.谢谢~!

Answer 1

非常感谢大家的回答。小瑜的答案给我提示，当然也很感谢kikong的热心回答。我找打了一个解决方案：slideDown/slideUp
varobj；//Log数组
varindex；//当前索引
functionrenderLog()
if(index//TODO
//修改Log样式，并隐藏
$("#log-content").prepend(obj[index++]);
slideDown(3,function(){renderLog();});
}
解释一下：之前我使用for去循环添加Log节点，每个添加动作都有10ms执行时间，实际效果是，所有节点同时执行了添加动作。好像是将左右动作事件注册了，但是循环却会一直执行。所以想办法让这些动作顺次执行，而不是并行的。如代码所示，我用了递归去做，sildeDown()里的函数会在执行动作完成后再执行，这样就完美解决里。效果很理想，跟从shell查看Log效果一样。
                            

Answer 2

1）页面上设置一个textarea2）把获取到的log内容文本，append到textarea的内容区域中3）此时textarea区域滚动条位置就会发生变化4)调用textarea元素的scroll方法，滚动到底部使用div也可以实现