javascript - 如何获得 DIV 的“自动”高度

Question

因此，当我使用 jquery 在 div 上设置固定高度时，例如$('div').height(200);，值$('div').height()始终为 200。即使该 div 中的内容超过该高度（我使用overflow:hidden）。

如何获得 DIV 的真实高度，就好像它处于“自动”模式一样？

Answer 1

采用

.scrollHeight()

element.scrollHeight

用 jquery 试试这个

 $(selector)[0].scrollHeight

描述

元素的 scrollHeight 是元素内容高度的度量，包括由于溢出而在屏幕上不可见的内容。

例子

来自 Vega's Answer 的DEMO

Answer 2

你的意思是隐藏的内容高度？

维加——是的。div内容的高度，包括被溢出隐藏的部分

只需设置auto并获取.height并将其设置回固定高度。

var $el = $('#test');
var tmp = $el.css('height');

var actualHeight = $el.css('height', 'auto').height();

$el.css('height', tmp);
alert(actualHeight);

演示：http: //jsfiddle.net/sKZfF/