Javascript Div标签滚动到底部

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

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

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

---

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

为什么不使用以下命令滚动至聊天室底部：

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

---

它可以工作：

为什么不使用以下命令滚动到聊天室的底部：

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

---

它的工作原理是：

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

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

---

如果我没有弄错的话，每当

.chat

中的图像被加载时，它都会触发到页脚的滚动。您可以根据需要对其进行修改：）

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

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

---

---

如果我没有弄错的话，每当

.chat

中的图像被加载时，它都会触发到页脚的滚动。您可以根据需要进行修改：）

是否可能在图像完全加载之前尝试滚动？谢谢您的回复。追加图像和加载是两件不同的事情-将图像追加到DOM中，然后开始加载，但在http请求完成并显示图像之前，它不会获取其最终维度，然后它将采用其最终形状并使内容向下移动，这就是为什么你在图像的四分之一处得到它；在图像加载之前，它已经完成了滚动。哦，我明白了。我能做些什么来纠正它吗？我会做一个合法的回答。它有可能在图像完全加载之前尝试滚动吗？谢谢你的回复。追加图像和加载是两件不同的事情-将图像追加到DOM中，然后开始加载，但在http请求完成并显示图像之前，它不会获取其最终维度，然后它将采用其最终形状并使内容向下移动，这就是为什么你在图像的四分之一处得到它；在图像加载之前，它已经完成了滚动。哦，我明白了。我能做些什么来纠正它吗？我会做出合法的回答谢谢你的回答。我试过了，没用。我在IE10中检查了相同的代码，它似乎工作正常。“我只是不知道Chrome有什么问题。”Chandroid你检查过这个例子吗？对我来说，它似乎在chrome中工作。是的。是的。当您尝试使用控制台时，它会起作用。但是，当我在应用程序中使用它时，它不起作用。但它确实适用于IE。@Chandroid它是否会滚动到底？在IE中，是的。但不是用Chrome。谢谢你的回复。我试过了，没用。我在IE10中检查了相同的代码，它似乎工作正常。“我只是不知道Chrome有什么问题。”Chandroid你检查过这个例子吗？对我来说，它似乎在chrome中工作。是的。是的。当您尝试使用控制台时，它会起作用。但是，当我在应用程序中使用它时，它不起作用。但它确实适用于IE。@Chandroid它是否会滚动到底？在IE中，是的。但不是用Chrome。谢谢你的回答。这真的很有帮助。谢谢你的回答。这真的很有帮助。