首頁 > web前端 > css教學 > 如何使用 jQuery 將 Div 元素設定為自動高度動畫?

如何使用 jQuery 將 Div 元素設定為自動高度動畫?

Mary-Kate Olsen
發布: 2024-12-07 06:25:19
原創
984 人瀏覽過

How to Animate a Div Element to Auto Height Using jQuery?

使用 jQuery 將元素動畫設定為自動高度

嘗試對

進行動畫處理時元素從特定高度到自動高度,可能會出現問題。要解決此問題,請考慮以下解決方案:
  1. 儲存目前高度:確定
    的高度在調整大小之前。
    var curHeight = $('#first').height();
    登入後複製
    1. 轉換為自動高度:暫時用「auto」覆蓋高度屬性。
    $('#first').css('height', 'auto');
    登入後複製
    1. 取得自動高度:取得
      的自然高度具有自動高度。
      var autoHeight = $('#first').height();
      登入後複製
      1. 恢復並製作動畫:恢復初始高度並將動畫啟動到自動高度。
      $('#first').height(curHeight).animate({height: autoHeight}, 1000);
      登入後複製
      1. 連接程式碼:組合所有簡單解的步驟。
      var el = $('#first'),
          curHeight = el.height(),
          autoHeight = el.css('height', 'auto').height();
      el.height(curHeight).animate({height: autoHeight}, 1000);
      登入後複製

以上是如何使用 jQuery 將 Div 元素設定為自動高度動畫?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板