滾動到div中內容的底部

Question

我有一個div，它是一個聊天窗口。隨着人們發送消息並將它們追加到內容的末尾，我希望內容滾動到底部（以便最新的聊天消息可見）。

<div id="chat"> 

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

Answer 1

您可以將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 

Answer 2

您可以使用jQuery.scrollTop（）。

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

希望它能幫助。