如何使用 jQuery 将 Div 元素设置为自动高度动画？

使用 jQuery 将元素动画设置为自动高度

尝试对

进行动画处理时元素从特定高度到自动高度，可能会出现问题。要解决此问题，请考虑以下解决方案：

1. 保存当前高度：确定
   的高度在调整大小之前。

   var curHeight = $('#first').height();

   2. 转换为自动高度：暂时用“auto”覆盖高度属性。

   $('#first').css('height', 'auto');

   3. 获取自动高度：获取
      的自然高度具有自动高度。

      var autoHeight = $('#first').height();

      4. 恢复并制作动画：恢复初始高度并将动画启动到自动高度。

      $('#first').height(curHeight).animate({height: autoHeight}, 1000);

      5. 连接代码：组合所有简单解决方案的步骤。

      var el = $('#first'),
          curHeight = el.height(),
          autoHeight = el.css('height', 'auto').height();
      el.height(curHeight).animate({height: autoHeight}, 1000);

以上是如何使用 jQuery 将 Div 元素设置为自动高度动画？的详细内容。更多信息请关注PHP中文网其他相关文章！