页面上的图像伸展调整大小- css通过jquery更改-需要刷新吗？

Question

我有一个很大的水平卷轴，我通过javascript/jquery设置了他的高度。它最初渲染得很好，在调整大小时我会对其进行更改

(if div.height > page.height ) div.height:100%;

某种性质的东西，一切都工作得很好。我把它换回来了

(if page.height > specifiedheight ) div.height:specifiedheight;

这是可行的..。但由于某些原因，当它第一次渲染调整大小时，图像都是水平拉伸的……但是如果我继续调整大小，它就会自动修复。可能是个bug，我不确定。我的宽度总是自动的，我的高度要么是指定的高度，要么是100%。这可能是个bug，但我不确定。也许有一种方法可以重新绘制图像或其他东西，这样它们就不会拉伸了？

如何复制这个问题：http://elijahhoffman.com/test将页面大小缩小到550px以下-你会看到值发生了变化。将它重新调整到550px以上，然后让它离开，你将看到strecth图像(这取决于你调整它的程度)

我使用的代码如下：

function resizeevents() {
pageheight = $(window).height();
if (pageheight<scrollheight) {
 $('#hscroll').css('height','100%');
 $('#hscroll').css('margin-top','initial');
 $('#hscroll').css('top','initial');
}
else {
 $('#hscroll').css('height',scrollheight);
 $('#hscroll').css('margin-top',(-scrollheight/2));
 $('#hscroll').css('top','50%');
}

var resizeTimer;
$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(resizeevents, 100);
});

在初始文档中指定滚动高度(在本例中为550)

Answer 1

由于某种原因，计时器把一切都搞砸了。我把它放在里面是为了节省计算，但这没什么大不了的。现在一切都在window.resize函数下。