Div标签滚动到底部

Question

我已经完成了所有相关问题。但没有找到任何答案。 我的问题是我有可滚动的div标签，一个聊天窗口，其中也可以删除图像。我在每条消息的末尾都有span标记，因此使用此代码时div标签会正确滚动到底部。

var EndChat = $(myid);
var chat_target = EndChat.find('span').last();
EndChat.scrollTo(chat_target, 1000);

但是当我在调整大小后添加Image时，它没有到达底部。它停在图像的1/4处。

当聊天加载时，如果有很多图像，则滚动停止距离底部更远。请帮忙

Answer 1

为什么不使用以下方式滚动到聊天的底部：

EndChat.scrollTop(EndChat[0].scrollHeight);

有效：http://jsfiddle.net/shawn31313/mb6JA/

Answer 2

为了确保在滚动之前已加载图像，请将事件附加到加载，如下所示：

$('.chat img').on('load', function() {
    var chat_target = EndChat.find('span').last();
    EndChat.scrollTo(chat_target, 1000);
});

如果我没弄错，只要加载.chat中的图像，它就会触发滚动到页脚。您可以根据需要进行修改：）