从AJAX调用创建div会自动滚动到父节的底部

Question

我目前已经为聊天风格界面编写了this代码，并想知道如何制作它以便容器自动滚动到最新消息。就目前而言，一旦聊天容器有足够的消息来保证用户滚动，新的消息就会隐藏在滚动条的下方。有没有办法让最新消息自动滚动到？

Answer 1

如果你有jquery，你可以像这样使用.append（）

var html='response of chat';
$('.classOfDiv').append(html);

使用jquery的滚动功能后

$('.classOfDiv').animate({ scrollTop: $('.classOfDiv').height() }, 1000);

享受！