Bootstrap 3.0 左侧滑动菜单

Question

我使用mmenu 在我的 bootstrap 3.0 网站中实现了从左到右的滑动菜单。然而，在安卓（三星银河）中的表现并不理想。 我还有一个默认的折叠菜单（导航下拉菜单），它的性能要好得多。

我想知道你们中是否有人有改进左侧菜单的解决方案？是否有任何 Bootstrap 3.0 组件可以做到这一点并且与默认下拉菜单一样平滑？ （找不到文档中提到的任何内容）？或任何其他建议？

Answer 1

我相信，尽管此处可以选择 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 设置供你们测试和调整...

Answer 2

可能晚了，但这里有一个插件可以完成这项工作：http://multi-level-push-menu.make.rs/

v2 还可以使用滑动等移动手势；）