jquery - div 内のコンテンツの一番下までスクロールする

Question

チャットウィンドウであるdivがあります。人々がメッセージを送信し、コンテンツの最後に追加されると、コンテンツを一番下までスクロールしたい (最新のチャット メッセージが表示されるようにする)。

<div id="chat">

</div><!--chat end-->

Answer 1

jQuery.scrollTop() を使用できます。

http://api.jquery.com/scrollTop/

それが役に立てば幸い。

Answer 2

CSS 値をコンテナーscrollTopのコンテンツの高さ (または) に合わせてアニメーション化できます。scrollHeight

ここにサンプルコードがあり、私はこのフィドルでそれを使用しました: http://jsfiddle.net/aHx2Z/

// get the new height of the chat window
var height = $('#chat_window')[0].scrollHeight;
$('#chat_window').animate({scrollTop:height}, 1000); // you could use .css() instead if you don't want it to animate