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设置为你们大家来测试和调整...