23

I've implemented a sliding menu from left to right in my bootstrap 3.0 website using mmenu. However, the performances in Android (samsung galaxy) are not ideal. I also have a default collapsing menu (nav- dropdown) which perform much better.

I was wondering if any of you guys has a solution to improve the left menu ? Is there any Bootstrap 3.0 component that would do that and be as smooth as the default dropdown ? (couldn't find anything mentioned in the doc) ? or any other recommendation ?

Anshad Vattapoyil
  • 23,145
  • 18
  • 84
  • 132
Syl
  • 239
  • 1
  • 2
  • 3
  • 3
    Look to http://getbootstrap.com/examples/offcanvas/ or http://stackoverflow.com/questions/16871718/toggle-sidebar-on-mobile-device-with-twitter-bootstrap-2-x maybe – Bass Jobsen Sep 27 '13 at 06:32
  • Thanks buddy. I ended up using offcanvas indeed. Just few performance issues on other phones than iphones. – Syl Oct 11 '13 at 06:06
  • possible duplicate of [Bootsrap 3 and mmenu](http://stackoverflow.com/questions/20280789/bootsrap-3-and-mmenu) – zessx Dec 04 '13 at 19:44

2 Answers2

14

I believe that although javascript is an option here, you have a smoother animation through forcing hardware accelerate with CSS3. You can achieve this by setting the following CSS3 properties on the moving div:

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

I've made a plunkr setup for ya'll to test and tweak...

Marnix Harderwijk
  • 1,313
  • 9
  • 14
10

Probably late but here is a plugin that can do the job : http://multi-level-push-menu.make.rs/

Also v2 can use mobile gesture such as swipe ;)

Julien
  • 407
  • 6
  • 16