滚动到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/

希望它能帮助。