我有一个div,它是一个聊天窗口。当人们发送消息并将其附加到内容的末尾时,我希望内容滚动到底部(以便显示最新的聊天消息)。
<div id="chat">
</div><!--chat end-->
答案 0 :(得分:0)
答案 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