javascript - $(document).height() 在刷新时随机化值(Safari 5.1.10)

Question

我使用 $(document).height() 在 block 上设置 height CSS 属性。这是 Safari 5.1.10 (OSX 10.6.8) 的解决方法，因为 vh 单位(视口(viewport)高度)不适用于此版本。

(function() {
    if(!Modernizr.cssvhunit) $("#sidebar").css("height", $(document).height()+"px");
})();

问题是 $(document).height() 返回的值每次刷新时都不一样 页面。有时是viewport 高度，有时是document 高度，有时是两者之间的值...

我使用:Modernizr 2.8.3 来检测 vh 单元支持，jQuery 1.11.0，Lightbox 2.7.1 (没有它问题仍然存在)和Skeleton 2.0.4。

我也试过这个解决方法，但没有用:

function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

我不知道什么会导致这个假定的常量值可变...

Answer 1

听起来您可能在页面中的图像仍在加载时获得了高度，因此页面仍在扩展。

在这种情况下，尝试获取 $(window).load(fn) 事件下的高度，因为所有图像都应在该点加载。