Bootstrap: comment réparer le délai d'ouverture du menu mobile réactif bootstrap?

Créé le 21 août 2015 · 3Commentaires · Source: twbs/bootstrap

À la première fois, le menu mobile réactif d'amorçage ouvert reste bloqué au milieu de la page pendant un certain temps, puis descend. Et le reste du temps a également un délai lorsque le menu descend, en même temps, la fermeture du menu fonctionne bien sans aucun délai.

j'ai essayé avec

.collapsing{
  height: 0 !important;
  opacity: 0;
}

mais toujours ouvert prendre du retard par rapport à la fermeture

DÉMO : http://codepen.io/anon/pen/MwMvmv

Mise à jour des questions

Dans l'élément de menu de l'étape normale ressemble à ceci

<div id="toggle-menu" aria-expanded="true" class="navbar-collapse collapse">

Il bascule la classe collapse à collapsing et calcule également la hauteur du menu, ajoute cette hauteur au css en ligne style="height:250px;"

<div id="toggle-menu" aria-expanded="true" class="navbar-collapse collapsing" style="height:250px;">

après l'effondrement terminé, le CSS en ligne est sauvegardé et la classe passe à collapse in"

 <div id="toggle-menu" aria-expanded="true" class="navbar-collapse collapse in" style="">

En fait, j'ai juste besoin de contourner le collapsing et le CSS en ligne du menu height

Source

athimannil

👍1

Commentaire le plus utile

.s'effondrer {
-webkit-transition : hauteur .5s facilité ;
-o-transition : hauteur .5s facilité ;
transition : hauteur .5s facilité ;
}

ajithmal le 16 mars 2018

👍3

Tous les 3 commentaires

Comme ce n'est pas un problème avec Bootstrap lui-même, mais avec l'implémentation supplémentaire spécifique que vous avez exécutée dessus, nous vous recommandons de demander sur StackOverflow - voir https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING .md#en utilisant -the-issue-tracker

patrickhlauke le 21 août 2015

Il s'agit d'un problème légitime avec le bootstrap et non avec une implémentation spécifique. Il doit y avoir un moyen de contourner, de supprimer ou de modifier le timing de la classe "s'effondrer" injectée. Cette classe provoque un délai lors de l'ouverture du menu car vous devez attendre que la classe "s'effondre" se résolve avant que la classe "afficher" ne soit appliquée.