2014-11-06 68 views
2

我已經看到了很多處理這個問題的主題,但沒有一個幫助我。我想用jQuery檢索我的HTML文檔的總高度。但是我嘗試了很多東西,我能夠得到的最大高度是視口的總高度,從不考慮是否存在垂直滾動條。下面的屏幕顯示我想要的東西:jQuery:獲取HTML文檔的總高度

enter image description here

的$(document).height(); //返回898,它只是頁面當前可見部分的高度

$(window).height(); //返回881

$(「html」)。height(); // return 898

$(「body」)。height(); // same

$(「div#main」)。height(); // same

$(document).outerHeight(); //我想知道如何才能做到這一點...

測試是在Firefox和Chrome瀏覽器上進行的。

我知道如何使用jQuery,但我不太流利的大小相關的方法。 有人可以解釋我是否可以做到這一點?

在此先感謝!

編輯:顯然,即使我的問題沒有解決,它綁定到一個奇怪的行爲的SharePoint。我試圖在SharePoint 2013頁面上獲取文檔高度,但它會始終返回視口高度。爲什麼微軟總是讓事情複雜化?

+3

'$(document).height()'顯示文檔的總高度(HTML或可見的元素),如果它不適合你,其他的事情會進行錯誤的,也許整個文件不加載時,調用'height()'... – 2014-11-06 08:07:53

+0

我試着在WAMP測試頁上,它的工作。我目前正在使用SharePoint網站來完成此操作,但奇怪的是,此全局功能無法工作,因爲該網頁首次被完全加載。 – Alex 2014-11-06 08:14:55

回答

-1

試算「Wanited大小」標籤的(DIV)運行高度..

+1

這是一個怎樣的答案? – 2014-11-06 08:12:46

+1

using $(「Wanited Size div id or class」)。height(); 文檔準備就緒 我不確定,只是試試 – 2014-11-06 08:14:16

0

我這個奮鬥爲好,但你可能想嘗試獲得的div一個高度包裝,例如:

$("#DeltaPlaceHolderMain").height(); 
0

需要調用這裏面的文件準備就緒可以使用outerHeight()與您的內容包裝

例如: -

// this return your all content height. 
$(document).ready(function(){ 
    $("your all content wrapper name").outerHeight(); 
});