有一个<ul>我通过 XHR 检索并插入到另一个节点 ( <div> ) 的列表。该列表每次都有不同数量的元素(因此生成的节点的高度会有所不同)。
我想要动画 <div>当该列表达到新高度时，我将其插入其中。因此，假设 div 最初为 100px，XHR 检索到的列表的高度将为 150px，即 <div>应顺利扩展到 150px 的新高度。
为此，我需要在实际渲染之前获取渲染列表的高度(考虑所有页面样式)。 问题:(a) 你如何找到高度，(b) 你是否看到另一种制作此动画的方法，以及 (c) 这是否可能？
最佳答案
a) 据我所知，不可能准确确定尚未渲染元素的高度
b) 使用 jQuery > slideUp > 和 slideDown这是完全可行的，您使用框架吗？
c) 是的，您可能需要在 周围放置一个包装 div，具体取决于您的操作方式。
更多:
通过在
- 周围放置一个包装器
并将
设置为 height:0 和 Overflow:hidden，您可以完美地渲染其中的
- 而无需显示它。然后，您有足够的时间让 JavaScript 获取
- 的尺寸，并对包装
进行动画处理/调整其大小至
- 的高度，而无需显示您的
- 。
关于javascript - 如何在创建 dom 节点之前找到它的尺寸？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5295698/