在使其可见之前我如何知道 div 的高度？

【问题标题】：How do I know a div height before making it visible?在使其可见之前我如何知道 div 的高度？
【发布时间】：2011-10-28 05:56:48
【问题描述】：

我有一个滑动打开可见/滑动关闭隐藏 div。

这个效果是通过 animate()ing div 的高度来实现的。

问题是 div 被多个内容（不同的文本段落）共享，而这些内容的高度是未知的。

那么当我放入这样的内容时，我如何知道 div 的高度是多少，以便我可以动画（'height':'-px'）来滑动打开 div？

【问题讨论】：

标签： jquery html css dynamic jquery-animate

【解决方案1】：

只需使用slideDown()，您就不需要计算高度。

您可以做的唯一其他方法（但我不知道您的确切情况）是 clone() 元素并将其附加到文档中，将其 height 设置为 auto，然后获取 @ 987654325@那个。

var cloned = $('#some-element').clone();

cloned.css({ position: 'absolute', left: '-9999px', height: 'auto' });

var height = cloned.height();

cloned.remove();

【讨论】：

【解决方案2】：

以前对我有用的一个技巧是将元素的不透明度设置为非常低的值，例如0.01。这会在元素上执行show，但如果您的不透明度足够低，它在页面上几乎不会被注意到。

【讨论】：

这有问题，例如，它会填满渲染元素所需的空间。你也可以使用visibility: hidden。