在jQuery中获取HTML文档的总高度

时间:2014-11-06 08:04:05

标签: javascript jquery html

我想使用jQuery检索HTML文档的总高度。我尝试了很多东西,我可以得到的最大高度是视口的总高度,如果有垂直滚动条则不考虑。以下屏幕显示了我想要的内容:

enter image description here

$(document).height();  // return 898, which is only the height of the current visible part of the page
$(window).height();  // return 881
$("html").height();  // return 898
$("body").height();  // same
$("div#main").height();  // same
$(document).outerHeight();  // i'm wondering how can i do this ...

测试是在Firefox和Chrome浏览器上进行的。

有人可以解释是否可以这样做吗?

显然,即使我的问题没有解决,它也必然会出现一种奇怪的SharePoint行为。我正在尝试在SharePoint 2013页面上获取文档高度,但它将始终返回视口高度。

2 个答案:

答案 0 :(得分:1)

您可以将outerHeight()与内容包装器一起使用,您需要在文档内部调用此文件

例如: -

// this return your all content height.
$(document).ready(function(){
   $("your all content wrapper name").outerHeight(); 
});

答案 1 :(得分:0)

我也在努力解决这个问题,但你可能想尝试获取其中一个div包装器的高度,例如:

$("#DeltaPlaceHolderMain").height();