J'utilise un accordéon bootstrap 3. Tout fonctionne bien, à l'exception de la transition n'est pas lisse. C'est comme sauter des transitions. Comment puis-je avoir une transition lisse?
html js J'ai tout suivi comme sur < Un href = "http://getbootstrap.com/javascript/#collapse" rel = "nofollow NOREFERRER"> Site officiel . Qu'est-ce que j'ai essayé: Ce Tranisiton CSS sur l'effondrement de la classe
3 Réponses :
Les effets de glissière de saut sont souvent causés par des calculs de hauteur ambigus. Essayez de mettre une hauteur sur Si cela ne fonctionne pas, donnez-lui une largeur explicite. .panel-corps , même si c'est 100%.
Animate Max Hauteur à la place.
Si vous définissez votre conteneur sur max-hauteur: xxpx; Par défaut et utilisez des transitions CSS pour animer la hauteur maximale à un nombre supérieur à votre valeur par défaut et supérieure à votre possible conteneur / hauteur de texte, il fonctionnera comme un charme.
Juste Mise à jour de la transition doit fonctionner
.collapsing {
transition: height 0.6s;
}