23

我使用mmenu在我的bootstrap 3.0網站上從左到右實施了滑動菜單。但是,Android(三星Galaxy)的表現並不理想。 我也有一個默認的摺疊菜單(導航下拉菜單),性能更好。Bootstrap 3.0左側滑動菜單

我想知道你們中的任何一個人是否有改善左側菜單的解決方案?是否有任何Bootstrap 3.0組件可以做到這一點,並且與默認下拉菜單一樣平滑? (在文檔中找不到任何提及的內容)?或任何其他建議?

+3

查找到http:// getbootstrap .com/examples/offcanvas /或http://stackoverflow.com/questions/16871718/toggle-sidebar-on-mobile-device-with-twitter-bootstrap-2-x也許 –

+0

謝謝哥們。我最終確實使用了offcanvas。除iPhone之外,其他手機的性能問題只有幾個。 – Syl

+0

[Bootsrap 3和mmenu]的可能重複(http://stackoverflow.com/questions/20280789/bootsrap-3-and-mmenu) – zessx

回答

14

我認爲,雖然JavaScript是一個不錯的選擇,你有通過強制硬件加速使用CSS3來平滑動畫。您可以通過在移動DIV設置以下CSS3屬性實現這一點:

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

我做了一個plunkr設置爲你們大家來測試和調整...