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

mik*_*263 2 javascript css jquery overflow scrolltop

我正在客户端使用jQuery编写一个日志"tail -f"应用程序.目前,该应用程序的工作原理是每2秒向服务器发出一次AJAX请求,并将新的日志内容附加到<PRE>页面上预先存在的标记(受此帖子的启发).这一切都很美妙.

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

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

Hus*_*ein 6

你需要做scrollTop=scrollTHeight

var divx = document.getElementById("whatever");
divx.scrollTop = divx.scrollHeight;
Run Code Online (Sandbox Code Playgroud)

查看http://jsfiddle.net/sJshE/3/上的工作示例