Javascript 目标高度未知（不固定）时如何实现图元高度过渡

当目标高度未知时，如何实现元素高度转换

如果我用

height:100px

替换

height:unset

，动画就会工作。问题是高度应该基于内容计算，而不是所有元素都相同

类似地，如果我使用

max height

而不是

height

，我必须输入一个硬编码值（例如

1000px

），但它有一个缺点，即对于一个较短的项目，在大多数过渡时间内，没有播放动画

$（'.c'）.change（函数（）{
对于（var i=1；i您可以将元素的
高度设置为它的
滚动高度

jQuery解决方案：


$（'.c'）.change（函数（）{
常数c=$（此值）；
常量项=$（c.attr（'rel'）；
item.css({
高度：项[0]。滚动高度*c.prop（'已选中'）
})
})
.item{
边框：1px纯红；
位置：相对位置；
溢出：隐藏；
身高：0；
过渡：所有1；
}

乱数假文
除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
乱数假文
但是，从最低限度上来说，我们的实验室是一个非常好的实验室。我们的实验室是一个非常好的实验室。
乱数假文
Lorem ipsum dolor sit amet。
您是否在寻找纯css解决方案？如果css解决方案可行且简单，则更可取。如果jQuery单行程序过于复杂，则最好采用后者：）简单的CSS解决方案我不指望它，它要么使用转换方法看起来很有趣，要么使用flex、height或max height需要固定的宽度，JS解决方案快速的谷歌搜索会得到大量的JS解决方案，这使得这个问题重复。我试过转换，但这不会改变div height是的，转换仅仅是可视化的这就是为什么它们只影响溢出