Bagaimana untuk Menghidupkan Elemen Div ke Ketinggian Auto Menggunakan jQuery?

Menghidupkan Elemen ke Ketinggian Auto dengan jQuery

Apabila cuba menghidupkan

elemen daripada ketinggian tertentu kepada ketinggian auto, isu mungkin timbul. Untuk menangani perkara ini, pertimbangkan penyelesaian berikut:

1. Simpan ketinggian semasa: Tentukan ketinggian
   sebelum mengubah saiz.

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

2. Peralihan kepada ketinggian auto: Tulis ganti sifat ketinggian dengan 'auto' seketika.

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

3. Dapatkan ketinggian auto: Ambil ketinggian semula jadi
   dengan ketinggian auto.

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

4. Berbalik dan hidupkan: Pulihkan ketinggian awal dan mulakan animasi ke ketinggian auto.

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

5. Sambungkan kod: Gabungkan semua langkah untuk yang mudah penyelesaian.

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

Atas ialah kandungan terperinci Bagaimana untuk Menghidupkan Elemen Div ke Ketinggian Auto Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery for auto using Property this transition animation

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn