jQuery - 动画溢出？

Question

如何使用 jQuery 为 div 溢出设置动画？
通常，如果我希望为 div 元素设置动画，我会使用如下内容:

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

效果很好!但如果div的内容超过200px，则内容在200px处被截断
有没有办法让动画一直运行到内容结束？

Answer 1

您可以询问<div>通过询问它想要多高 scrollHeight 然后动画到该高度而不是固定高度:

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

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