如何在不更改鼠标焦点的情况下使shoutbox聊天日志滚动到底部并不断刷新？

Question

我正在编写一个小的shoutbox / chat应用程序，使用以下代码每0.5秒刷新一次消息日志div，并刷新到底部以显示最新消息。

$(setInterval(function() {
    $('.messageLog').load('display_messages.php');
    window.location='#bottom';
}, 500));

“ #bottom”是指我在“ .messageLog” div末尾放置的空div，因此我有一个位置可以称为消息日志的底部。 这种方法的问题是，当我尝试登录时（只需输入用户名并通过聊天框顶部的小表格按登录按钮），用户名输入字段会不断刷新并失去焦点在Firefox和Internet Explorer中每0.5秒（在chrome中可以正常工作）。 问题出在“ window.location ='＃bottom'”这一行上，这引起了输入字段聚焦问题。

我想知道是否可以解决此问题，以便我仍然可以每0.5秒刷新一次消息日志，并自动滚动到底部，而不会干扰尝试通过用户名字段登录的用户。

Answer 1

移除锚点，改用它

$(".messageLog").attr({ scrollTop: $(".messageLog").attr("scrollHeight") });