由于最后一个消息是图片，导致scrollheight与scrolltop相等时滚动条没有置底如何解决？

如果最后一个消息是图片，可能会导致`scrollHeight`与`scrollTop`的值不相等，从而无法实现滚动条置底。为了解决这个问题，可以在图片加载完成后，再次检查`scrollHeight`与`scrollTop`的值，并根据需要来滚动到最底部。

具体做法如下：

1. 在发送图片消息时，先将消息框滚动到最底部，以确保图片加载完成后能够滚动到最底部。

2. 监听图片的`onload`事件，在图片加载完成后，检查`scrollHeight`与`scrollTop`的值是否相等，如果不相等，则将滚动条滚动到最底部。

代码示例：

// 将消息框滚动到最底部
element.scrollTop = element.scrollHeight - element.clientHeight;

// 发送图片消息并监听onload事件
var img = new Image();
img.onload = function() {
  // 图片加载完成后，检查scrollHeight与scrollTop的值
  if (element.scrollHeight > element.clientHeight && element.scrollHeight - element.scrollTop <= element.clientHeight + img.height) {
    // 如果滚动条在最底部，就将滚动条滚动到最底部
    element.scrollTop = element.scrollHeight - element.clientHeight;
  }
};
img.src = 'image.jpg';

在这个示例中，我们首先将消息框滚动到最底部，然后发送图片消息并监听`onload`事件。在图片加载完成后，我们检查`scrollHeight`与`scrollTop`的值是否相等，如果不相等，则将滚动条滚动到最底部。需要注意的是，在计算滚动条位置时，我们需要考虑到图片的高度。如果滚动条在最底部且图片高度小于滚动条高度，则不需要进行滚动操作。