如何使用 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中文網其他相關文章！