Jquery $(window) . height()正在返回文档高度

我肯定我犯了一个简单的错误，但我只是提醒 $(window).height()，它返回与 $(document).height()相同的值。

我是一个13英寸的 MBA，我的浏览器窗口高度在780px-820px (大致)之间最大化，但每次返回一个窗口高度相同的文档高度。在网站上的每个情况下，我的工作是超过1000px。

这是怎么回事？

alert($(window).height());
alert($(document).height());
135282 次浏览
小开

I think your document must be having enough space in the window to display its contents. That means there is no need to scroll down to see any more part of the document. In that case, document height would be equal to the window height.

小开

这里有一个问题和答案: 和 window.height ()之间的差异

也有图片，所以你可以真正看到差异。希望这有所帮助。

Basically, $(window).height() give you the maximum height inside of the browser window (viewport), and$(document).height() gives you the height of the document inside of the browser. Most of the time, they will be exactly the same, even with scrollbars.

小开
最佳答案

由于没有 doctype标签，Chrome 报告的两个调用值相同。

添加一个严格的 doctype (如 <!DOCTYPE html>)会使这些值像广告中所说的那样工作。

doctype标记必须是文档中的 非常第一件事。例如，在它之前不能有任何文本，即使它不呈现任何内容。

小开

我也有同样的问题，用这个解决了。

var w = window.innerWidth;
var h = window.innerHeight;
小开

如果我们在我们的网页上使用 Doctype，它将返回 viewport 高度，否则它将返回完整的文档高度。

在你的网页顶部定义如下标签: <!DOCTYPE html>


提交答案