jQuery - 动画溢出？

Question

如何使用jQuery动画div溢出？
通常，如果我想为div元素设置动画，我会使用类似的东西：

$("div").animate({height: 200}, "slow");

这很棒！但如果div的内容超过200px，内容将被切断为200px
有没有办法让动画保持运行直到内容结束？

Answer 1

您可以通过询问scrollHeight来询问<div>想要的高度，然后设置为该高度而不是固定高度：

var height = $('div').prop('scrollHeight');
$('div').animate({ height: height }, 'slow');

演示：http://jsfiddle.net/ambiguous/WBcME/

Answer 2

你走了：

<div style="border: 1px solid; min-height: 400px;">
    hi<br>
    Here's some content<br>
    Here's some more
</div>

使用Javascript：

$("div").animate({minHeight: '1px',  }, "slow");

我不认为它在IE6中有效 - 但无论如何谁用它？

这是jsFiddle：http://jsfiddle.net/jameszaghini/SCJpZ/