如何在 jQuery 中將 Div 從固定高度動畫到自動高度？

如何在jQuery 中將元素動畫到其自動高度

當嘗試為

製作動畫時使用jQuery 從固定高度到自動高度，有些使用者可能會遇到困難。以下是針對此挑戰的解決方案：

提供的程式碼：

$("div:first").click(function(){
  $("#first").animate({
    height: "auto"
  }, 1000 );
});

遇到問題，因為瀏覽器不會以動畫方式將高度從固定值更改為“自動” 。

要實現所需的動畫，請按照以下步驟操作：

1. 保存目前高度：

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

2. 暫時將高度設定為「自動」：

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

3. 取得汽車height:

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

4. 恢復目前高度並動畫到自動高度：

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

這個解決方案之所以有效，是因為它首先檢索當前高度，允許瀏覽器在設定為時確定其最終高度「自動。」

以上是如何在 jQuery 中將 Div 從固定高度動畫到自動高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！