滚动到div中内容的底部

时间:2012-08-23 15:19:02

标签: jquery css

我有一个div,它是一个聊天窗口。当人们发送消息并将其附加到内容的末尾时,我希望内容滚动到底部(以便显示最新的聊天消息)。

<div id="chat">

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

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery.scrollTop()。

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

希望它有所帮助。

答案 1 :(得分: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