javascript - 不定高度动画怎么实现？

问题描述

问 题

怎么实现一个div不定高度的变化的动画?例如一个div先是display：none的，点击一个按钮时，使其显示出来，并且高度从0开始逐渐变化动div的最大高度。google得到的答案是使用max-heigth,然而如果max-height设置不合理（大了或者小了的话）都会使动画不自然。

解决方案

最简单的方法就是用 JQ 的 slideUp 和 slideDown 方法.
下面是我用原生写的 demo .
https://jsfiddle.net/11wrgm7b/

这篇关于javascript - 不定高度动画怎么实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！