Question

我检查了这个甚至是其他网站的这个问题，我也查看了jQuery的文档，但遗憾的是我没有找到适合我的解决方案，所以我正在打开一个新的线程...

我必须得到其他功能的页面总高度，但我无法得到它。

$(body).height();检测到1085px的高度，但正确的高度为1774px。在网站的其他页面上，值当然是不同的，但jQuery永远不会达到正确的高度。

我尝试使用以下内容获得正确的高度，但都失败了： $('#site-body').height();，$('#site-body').outerHeight();，$('#site-body').outerHeight(true);，$(document).height();

如果你们中的任何人知道获得页面高度的不同方式，或者如果有人知道为什么这不起作用，请告诉我。

问候，chwebo

Answer 1

您需要将其放在$(document).ready(function(){....});内请参阅此代码段：

$(document).ready(function(){    
  
        $("#docH").text($(document).height());
   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>Document Height: <span id="docH"></span> px.</p>

Answer 2

我在滚动函数中包含了函数$('body').height();代码段，这很有效。

$(document).ready(function(){
   $(window).scroll(function(){
      var pageHeight = $('body').height();
   }
}

我不知道为什么会这样，但如果有人遇到同样的问题，请试试。

Answer 3

来自文档：

浏览器还在窗口对象上提供load事件。当此事件触发时，表示页面上的所有资源都已加载，包括图像。可以使用以下命令在jQuery中观看此事件：

$( window ).on( "load", handler ).

如果代码依赖于加载的资源（例如，如果需要图像的尺寸），则应将代码放在load事件的处理程序中。