Comment animer un élément Div à une hauteur automatique à l'aide de jQuery ?-tutoriel CSS-php.cn

Comment animer un élément Div à une hauteur automatique à l'aide de jQuery ?

Mary-Kate Olsen

Libérer： 2024-12-07 06:25:19

original

1045 Les gens l'ont consulté

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

Animation d'un élément à la hauteur automatique avec jQuery

Lorsque vous tentez d'animer un élément

élément d'une hauteur spécifique à la hauteur automatique, des problèmes peuvent survenir. Pour résoudre ce problème, envisagez la solution suivante :

Enregistrez la hauteur actuelle : Déterminez la hauteur du
avant le redimensionnement.

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

Copier après la connexion

Transition vers la hauteur automatique : Remplacez la propriété de hauteur par « auto » pendant un instant.

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

Copier après la connexion

Obtenir la hauteur automatique : Récupérer la hauteur naturelle du
avec hauteur automatique.

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

Copier après la connexion

Rétablir et animer : Restaurer la hauteur initiale et lancer l'animation à la hauteur automatique.

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

Copier après la connexion

Concaténez le code : Combinez toutes les étapes pour un simple solution.

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

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!