如何獲得溢出的div的高度：在CSS中設置的自動屬性

Question

我有一個父溢出的div：auto和max-height：400px。它有一個包含內容的內部div列表。我怎樣才能得到整個父div的高度。

我已經使用了幾種方法，但他們都沒有爲我工作。

我無法弄清楚我做錯了什麼。任何幫助將是可觀的。

$('.outer').height(); 
$('.outer').scrollHeight; 
$('.outer').outerHeight(true); 

這是我的小提琴。 https://jsfiddle.net/14qv800n/

Answer 1

您當前的代碼獲取元素的可見高度 - 在此例中爲200像素。假設你想獲得可滾動內容的總高度，你需要從jQuery對象本身的DOMElement獲得scrollHeight屬性。試試這個：

$(document).ready(function() { 
    var h = $('.outer').height(); 
    var sh = $('.outer')[0].scrollHeight; 
    console.log(h); // 200 
    console.log(sh); // 630 (may change in each browser due to text rendering differences) 
}); 

Example fiddle

Answer 2

明白了 -

alert($(".outer")[0].scrollHeight); 

https://jsfiddle.net/14qv800n/2/