Bagaimana untuk Menghidupkan Div daripada Ketinggian Tetap kepada Ketinggian Autonya dalam jQuery?-tutorial css-php.cn

Bagaimana untuk Menghidupkan Div daripada Ketinggian Tetap kepada Ketinggian Autonya dalam jQuery?

Patricia Arquette

Lepaskan： 2024-12-06 14:19:12

asal

377 orang telah melayarinya

How to Animate a Div from a Fixed Height to Its Auto Height in jQuery?

Cara Menghidupkan Elemen kepada Ketinggian Autonya dalam jQuery

Apabila cuba menghidupkan

daripada ketinggian tetap kepada ketinggian autonya menggunakan jQuery, sesetengah pengguna mungkin menghadapi kesukaran. Berikut ialah penyelesaian kepada cabaran ini:

Kod yang disediakan:

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

Salin selepas log masuk

menghadapi isu kerana penyemak imbas tidak akan menghidupkan perubahan ketinggian daripada nilai tetap kepada "auto."

Untuk mencapai animasi yang diingini, ikuti langkah berikut:

Simpan arus ketinggian:

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

Salin selepas log masuk

Tetapkan ketinggian kepada "auto" buat sementara waktu:

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

Salin selepas log masuk

Dapatkan kereta ketinggian:

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

Salin selepas log masuk

Pulihkan ketinggian semasa dan animasikan ke ketinggian auto:

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

Salin selepas log masuk

Ini penyelesaian berfungsi kerana ia mula-mula mendapatkan semula ketinggian semasa, membolehkan penyemak imbas menentukan ketinggian terakhirnya apabila ditetapkan kepada "auto."

Atas ialah kandungan terperinci Bagaimana untuk Menghidupkan Div daripada Ketinggian Tetap kepada Ketinggian Autonya dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!