我确定发生了一个简单的错误,但我只是警告$(window).height()
,它返回与$(document).height()
相同的值。
我在13" MBA和我的浏览器的窗口高度最大化在780px - 820px(大致)之间,但每次返回的窗口高度与文档高度相同。在我工作的网站上的每个案例都超过1000px。
这里发生了什么?
alert($(window).height());
alert($(document).height());
答案 0 :(得分:237)
如果没有doctype
代码,Chrome会为两个来电报告相同的值。
添加严格的文档类型<!DOCTYPE html>
会导致值按照广告的方式工作。
doctype
标记必须是文档中非常的第一件事。例如,你不能在它之前有任何文字,即使它没有渲染任何文字。
答案 1 :(得分:23)
我遇到了同样的问题,使用它解决了它。
var w = window.innerWidth;
var h = window.innerHeight;
答案 2 :(得分:1)
我认为您的文档必须在窗口中有足够的空间来显示其内容。这意味着无需向下滚动以查看文档的任何其他部分。在这种情况下,文档高度将等于窗口高度。
答案 3 :(得分:0)
以下是对此的问答:Difference between screen.availHeight and window.height()
也有照片,所以你可以看到差异。希望这会有所帮助。
基本上,$(window).height()
为您提供浏览器窗口(视口)内的最大高度,$(document).height()
为您提供浏览器内部文档的高度。大多数情况下,即使使用滚动条,它们也会完全相同。
答案 4 :(得分:0)
如果我们在网页上使用Doctype jquery(窗口)它真的有用,它将返回视口高度,否则它将返回完整的文档高度。
在网页顶部定义以下标记:
<!DOCTYPE html>