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/

如何使用overflow获取div的高度：在css中设置auto属性

2 个答案: