Javascript 使用jQuery将滚动条锁定到页面底部?

Javascript 使用jQuery将滚动条锁定到页面底部?,javascript,jquery,css,overflow,scrolltop,Javascript,Jquery,Css,Overflow,Scrolltop,我正在客户端使用jQuery编写一个日志“tail-f”应用程序。目前,该应用程序每2秒向服务器发出一次AJAX请求,并将新的日志内容附加到页面()上预先存在的标记上。这一切都运转得很好 我的问题是新内容会附加到页面上,但不会立即显示。也就是说,所有新的日志消息只需将滚动条推得更高 我想保持滚动条“锁定”在页面底部,以便您可以实时查看所有内容。我最初考虑使用jScrollPane“锁定”底部的滚动条,但现在我想可能有一种更简单的方法可以将焦点保持在页面底部…您需要使scrollTop=scrol

我正在客户端使用jQuery编写一个日志“tail-f”应用程序。目前,该应用程序每2秒向服务器发出一次AJAX请求,并将新的日志内容附加到页面()上预先存在的
标记上。这一切都运转得很好

我的问题是新内容会附加到页面上,但不会立即显示。也就是说,所有新的日志消息只需将滚动条推得更高


我想保持滚动条“锁定”在页面底部,以便您可以实时查看所有内容。我最初考虑使用jScrollPane“锁定”底部的滚动条,但现在我想可能有一种更简单的方法可以将焦点保持在页面底部…

您需要使
scrollTop
=
scrollTHeight

var divx = document.getElementById("whatever");
divx.scrollTop = divx.scrollHeight;

检查优秀的工作示例。一旦我通过直接操纵滚动条,我很快就找到了答案。不过我喜欢函数示例。概念很简单。最好通过工作示例来解释:-)。