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