jquery - jQueryを使用してWebチャットを作成する

Question

jQueryを使用してブラウザベースのチャットシステムを実装しようとしています。サーバーをポーリングして新しいメッセージを探し、それらをdivの下部に追加したいと思います。私には2つの問題があります。

• 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');
}