jquery - 使用 jQuery 进行网络聊天

Question

我正在尝试使用 jQuery 实现基于浏览器的聊天系统。我想轮询服务器以获取新消息并将它们附加到 div 的底部。我有两个问题。

• 我无法将文本附加到 div
• 我不知道如何在附加文本时让 div 滚动到底部

这是我的 HTML 的相关剪辑：

<div id="main">
 <form action='post.php' method='post'>
  <div id='messages'>stuff</div><br />
  <input type='text' name='usertext' />
 </form>
</div>

Answer 1

我不确定你在这里缺少什么。

$(selector).append('<div class="message">sometext</div>');

以及如何滚动到 div 的底部

Answer 2

使用以下代码自动滚动到：

var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
//chatbox is the id of div
var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20;
if(newscrollHeight > oldscrollHeight)
{
    $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal');
}