我想动画内容动态变化的div大小（-(-2147483648) = -2147483648）的转换。
每个步骤中容器div的大小未知。
我更喜欢在CSS中这样做。
我正在使用Vue.js来换掉表单。
signupForm <div class="signupForm">
<component id="currentView">
<FormOne></FormOne>
<FormTwo></FormTwo>
<FormThree></FormThree>
<FormFour></FormFour>
<FormFive></FormFive>
</component>
</div>
永不离开，但#signupForm与FormOne交换等等。
我添加了以下内容：
FormTwo但过渡财产没有多大帮助。有什么想法吗？
答案 0 :(得分：1)
您尚未提及如何在问题中交换注册表单中包含的表单。
如果您使用jQuery或类似功能，并使用slideUp和slideDown函数，则可以轻松实现此类转换。例如。 https://jsbin.com/fasujitoro/edit?html,js,output
如果这不是一个选项，你可以提供更多的detials。
答案 1 :(得分：0)
我认为问题出在max-height: inherit;
尝试在px中使用一些大值（例如5000px）。你认为的价值，你永远不会达到。
答案 2 :(得分：0)
我不确定.signupForm {
max-height:inherit;
display:inline-block;
transition: height 0.3s ease-in-out;
}
是否有变换的可能性，也许这会有所帮助：
nt-awesome" text="