Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何更改图像以保持滚动条';什么位置?_Jquery_Css_Scroll - Fatal编程技术网

Jquery 如何更改图像以保持滚动条';什么位置?

Jquery 如何更改图像以保持滚动条';什么位置?,jquery,css,scroll,Jquery,Css,Scroll,这是一个聊天室,我可以得到包括文本、图像和语音在内的数据列表,最多20个列表。 首先,我将默认的src,height设置为这些图像标签,以获得身体的高度,因为当聊天室打开时,身体必须滚动到底。但当我得到真实的图像,我改变了一切。 因此,问题就在这里。更改“scrollTop”经常会使“viewport”抖动。是否有人有类似的经验和解决方案?? 谢谢 这是我的方式: 请告诉我们,当我得到真正的imgs时,我将高度设置为300px,每次我更改图片以获得高度var changehight=realIm

这是一个聊天室,我可以得到包括文本、图像和语音在内的数据列表,最多20个列表。 首先,我将默认的src,height设置为这些图像标签,以获得身体的高度,因为当聊天室打开时,身体必须滚动到底。但当我得到真实的图像,我改变了一切。 因此,问题就在这里。更改“scrollTop”经常会使“viewport”抖动。是否有人有类似的经验和解决方案?? 谢谢 这是我的方式:


请告诉我们,当我得到真正的imgs时,我将高度设置为300px,每次我更改图片以获得高度
var changehight=realImgSize.height-oldImgSize.height$(文档).scrollTop($(文档).scrollTop()+changeHeight)但是,我现在不想将imgs高度设置为300px
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);
  });
}