css - 获取 CSS3 过渡以更改为动态高度

Question

我有一组 div 框，它们会根据点击的内容在不同的时间显示。它需要动画才能向下滑动。为此，我在特定时间更改每个 div 的高度，然后 CSS3 Transition 接管并降低高度。

现在，如果我提供要更改的框的高度，它工作正常，但我不能总是提供它，因为内容是动态的并且可能很高。但是，当我将 auto 定义为高度时，过渡会将其变为 0，然后根据内容调整大小。我怎样才能让它不是滑动到0，而是根据内容滑动到div的高度？

Answer 1

遗憾的是，经过多次搜索，发现它不可能自动执行，但我的解决方案是找到内部元素(正在更改的 p 元素)并使用 clientHeight 添加任何其他常量并将其用作定义的新高度。有点忙，但效果很好。