-2

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

<div id="chat">

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

2 に答える 2

0

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

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

それが役に立てば幸い。

于 2012-08-23T15:31:21.213 に答える
0

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
于 2012-08-23T15:36:18.930 に答える