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

我認爲你需要添加window.pageYOffset（頁面滾動的數量，以像素爲單位）。

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

Answer 3

不知道關於jQuery的。但是這個鏈接可能會幫助您瞭解各種屬性以及它們在不同瀏覽器中的不同模式下的表現。

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

Answer 4

如果您對使用jQuery很酷，那麼獲取body或html高度怎麼樣？像：

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

Answer 5

我一直在尋找這個，並在這裏登陸。沒有Jquery，你也可以用普通的JS來獲得這個。下面的工作：

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

請注意下面的鏈接，以澄清使用： Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively