如何更改图像以保持滚动条的位置？

Question

它是一个聊天室，我可以获得包括文本，图像和语音在内的数据列表，最多20个列表。 首先，我将默认的src，height设置为这些图像标签以获得身体的高度，因为它必须在聊天室打开时滚动到底部。但是当我得到真实的图像时，我会改变所有的图像。 所以，这就是问题。改变＆＃39; scrollTop＆＃39;经常使“视口”＃39;摇晃。是否有人有类似的经验和解决方案？ 谢谢 这是我的方式：use 'onload' event to get real height first

function ReplacePicture (imgid, url) {
  var $img = $('#img-'+imgid);
  var oldH = parseInt($img.css('height'));
  $img.attr('oldHeight', oldH);
  $img.attr('src', url);
  $img.on('load', function() {
    var oldH = $(this).attr('oldHeight');
    var newH = $(this).css('height').match(/\d+/g);
    if (newH == oldH) return;
    oldH = parseInt(oldH);
    newH = parseInt(newH);
    var changeH = newH - oldH;
    $(document).scrollTop($(document).scrollTop() + changeH);
    $(this).attr('oldHeight',newH);
  });
}