Javascript 附加图像后使div正确滚动到底部

我有一个带有div的聊天界面，在通过websocket后会附加新消息。代码如下所示：

var msg = '<div class="msg-text">' + data.msg_text + '</div>';
$(msg).appendTo($(".msg-box")).height();
$(".msg-box").scrollTop($(".msg-box")[0].scrollHeight);

我猜这与执行scroll函数时图像没有完全加载到DOM有关

---

有没有简单的方法可以解决这个问题？

也许加载回调可以帮助您？那没用。加载事件从未为元素触发。你如何附加图像？我已经用更多细节更新了问题。你尝试过了吗？此外，默认情况下，图像是内联元素。尝试将它们设置为阻止。

<div class='image-links'><a href='/uploads/pod_attachment/attachment/391/chat_IMG_5523-1.JPG' title='IMG_5523-1.JPG'><img src='/uploads/pod_attachment/attachment/391/thumb_IMG_5523-1.JPG'></a></div>

var msg_box = document.getElementById("msg-box");
msg_box.scrollTop = msg_box.scrollHeight;