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

Question

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

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

Answer 1

USE

.scrollHeight()

element.scrollHeight

用jquery试试这个

 $(selector)[0].scrollHeight

<强>描述

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

示例

来自Vega的答案的

DEMO

Answer 2

  

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

     

Vega - 是的。 div内容的高度，包括被溢出隐藏的部分

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

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

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

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

DEMO： http://jsfiddle.net/sKZfF/