javascript - 使用 JavaScript 计算文档高度

Question

我使用 JQuery 开发了一个网站，并使用 JQuery 命令在页面上应用了所有样式，这样我就可以使用从 javascript 函数(如 window.innerHeight)中提取的数字来计算属性值。它很好用。但现在我正在尝试计算文档的高度(请注意，不是窗口高度)，减去页脚的高度，并在页脚上方放置一个“阴影”图像。不过，我在这方面遇到了麻烦，因为 Safari 似乎错误地计算了该数字并随意放置了阴影元素，似乎每次都会出现稍微不同的位置。

$("div#shadowBottom").css({
"position":"absolute",
"top":(window.scrollMaxY-$(".footer").css("height").replace("px","")-50)+"px",
"left":"0px",
"width":"100%"
"height":"50px"
});

我也试过将文档包装在一个 div 中，并计算它的高度减去 .footer 元素的高度和 #shadowBottom 元素的高度，但没有成功。

Answer 1

你可以试试这个:

var body = document.body;
var html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight, 
                   html.clientHeight, html.scrollHeight, html.offsetHeight );