23

Ich habe ein gleitendes Menü von links nach rechts in meinem Bootstrap 3.0 Website mit mmenu implementiert. Allerdings sind die Leistungen in Android (Samsung Galaxy) nicht ideal. Ich habe auch ein standardmäßiges kollabierendes Menü (Nav-Dropdown), das viel besser funktioniert.Bootstrap 3.0 Sliding-Menü von links

Ich frage mich, ob jemand von euch eine Lösung hat, um das linke Menü zu verbessern? Gibt es eine Bootstrap 3.0-Komponente, die das tun würde und so flüssig wie das Standard-Dropdown-Menü wäre? (konnte nichts finden, was in dem Dokument erwähnt wurde)? oder irgendeine andere Empfehlung?

+3

Blick auf http: // getBootstrap .com/examples/offcanvas/oder http://stackoverflow.com/questions/16871718/toggle-sidebar-on-mobile-device-with-twitter-bootstrap-2-x vielleicht –

+0

Danke Kumpel. Ich habe tatsächlich Offcanvas benutzt. Nur wenige Leistungsprobleme auf anderen Telefonen als iPhones. – Syl

+0

mögliches Duplikat von [Bootsrap 3 und mmenu] (http://stackoverflow.com/questions/20280789/bootsrap-3-and-mmenu) – zessx

Antwort

14

Ich glaube, dass, obwohl Sie Javascript eine Option hier ist, Sie haben glattere Animation durch Erzwingen der Hardwarebeschleunigung mit CSS3. Sie können dies erreichen, indem Sie die folgenden CSS3-Eigenschaften auf dem sich bewegenden div Einstellung:

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); 
} 

ich eine plunkr Setup vorgenommen haben, für YA'LL zu testen und zu optimieren ...