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