javascript - div标签滚动到底部

Question

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

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

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

而当聊天开始加载时，如果有很多图像，滚动会在离底部更远的地方停止。请帮忙

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

如果我没记错的话，每当.chat加载图像时，它都会触发滚动到页脚。您可以根据需要对其进行修改:)

2 回答 2