第一次转换不起作用，因为未设置初始高度

Question

我正在使用Web应用程序中的<div>，通过切换按钮可以最小化。按下按钮可更改<div>的高度，该高度正常并使用transition: .4s;。

问题是：第一次按下按钮时，高度突然变化而没有任何过渡。另一个压力很好的工作。这是因为<div>的高度最初未设置，但是min-height, max-height。所以当我第一次按下按钮时，我已经尝试通过javaScript获取div的高度，然后将高度设置为此值。可悲的是，过渡仍然没有第一次起作用。

我正在使用Polymer btw。

我希望你有一些提示，提前谢谢！

Answer 1

也许您可以尝试为max-height制作动画，而不是height。

所以你不必通过JS获得初始高度。