本文主要是介绍动态高度实现展开过渡动画效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
添加过渡效果使用 transition 属性 这个属性只能实现数值变化的过渡
如果高度不固定那么高度就是auto 过渡效果不能使用0到auto
.box {max-height:0px;overflow: hidden;transition: max-height ease-out 0.5s;
}
动态改变 max-height 的值 高度不确定就给一个非常大的值 这里以小程序为例
<view style="max-height:{{show?'9999px':'0px'}}" class="box">
</view>
这篇关于动态高度实现展开过渡动画效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!