Comment animer un élément Div à une hauteur automatique à l'aide de 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 :

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

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

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

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

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

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

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

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

5. 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);

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!

jquery for auto using Property this transition animation

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn