javascript - 使用jQuery将滚动条锁定在页面底部？

Question

我正在客户端使用 jQuery 编写日志“tail -f”应用程序。目前，该应用程序通过每 2 秒向服务器发出 AJAX 请求并将新的日志内容附加到页面上预先存在的<PRE>标签来工作（受这篇文章的启发）。这一切都很好。

我的问题是新内容附加到页面但没有立即显示。也就是说，所有新的日志消息只是将滚动条推高。

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

Answer 1

你需要做scrollTop=scrollTHeight

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

在http://jsfiddle.net/sJshE/3/检查工作示例