web-dev-qa-db-fra.com

Bootstrap 3.0 Menu coulissant de gauche

J'ai implémenté un menu coulissant de gauche à droite dans mon bootstrap 3.0 en utilisant mmen . Cependant, les performances de Android (samsung galaxy) ne sont pas idéales. J'ai aussi un menu de repli par défaut (navigation) qui fonctionne bien mieux.

Je me demandais si certains d'entre vous ont une solution pour améliorer le menu de gauche? Existe-t-il un composant Bootstrap 3.0 qui ferait cela et serait aussi fluide que la liste déroulante par défaut? (N'a rien trouvé de mentionné dans le document)? Ou toute autre recommandation?

23
Syl

Je crois que bien que javascript soit une option ici, vous avez une animation plus fluide en forçant le matériel à accélérer avec CSS3. Vous pouvez y parvenir en définissant les propriétés CSS3 suivantes sur la div mobile:

div.hardware-accelarate {
     -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
          -o-transform: translate3d(0,0,0);
             transform: translate3d(0,0,0);
}

J'ai fait une configuration plunkr pour que vous puissiez tester et Tweak ...

14
Marnix Harderwijk

Probablement en retard mais voici un plugin qui peut faire le travail: http://multi-level-Push-menu.make.rs/

La v2 peut également utiliser un geste mobile tel que glisser;)

10
Julien