高度页javascript

Question

我无法获得高度的一页，在javascript页时大于屏幕。

我想这本书会把我的右的高度：

$(document).height();

但是，只有得到高度的画面，同样为：

$('body').height();

同样为：

document.offsetHeight;

对于一些原因，所有这些例子只返回的高度。有人可以帮忙吗？

Answer 1

使用jQuery(你有没有指定), $(document).height() 将返回正是你要求的。

澄清的使用情况 height() 方法：

$('.someElement').height(); // returns the calculated pixel height of the element(s)
$(window).height();         // returns height of browser viewport
$(document).height();       // returns height of HTML document

我怀疑，如果 $(document).height() 不是为你工作，事情是错误的。你可以是：

1. 叫它还为时过早。就像之前DOM准备好
2. 有一些未清除浮标，并不引起的一些框级别的元素扩大到他们真正的高度。这样搞乱了高度的计算。
3. 有一些关键的绝对位置。绝对定位元素做不作出贡献的高度计算他们的父母的要素。

Answer 2

如果你很酷与使用jQuery，怎么样让身体或HTML高度？像：

var winHeight = $('body').height();

Answer 3

我一直在寻找这一点，在这里降落了。没有jQuery的，你可以用简单的JS也得到这个。下面的工作原理：

console.log(document.body.clientHeight,document.body.scrollHeight,document.body.offsetHeight)

请注意下面的链接，以澄清其使用方法： 理解offsetWidth，clientWidth，scrollWidth和 - 高度，分别

Answer 4

我认为你需要添加window.pageYOffset（页面已被滚动的量，以像素为单位）。

http://www.quirksmode.org/dom/w3c_cssom.html

Answer 5

不确定JQuery的。但这个链接，可以帮助你了解各种属性，它们在不同的浏览器不同模式的行为。

  

http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html