23

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

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

4

2 回答 2

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设置来测试和调整......

于 2014-02-12T08:17:25.933 回答
10

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

v2 也可以使用移动手势,例如滑动;)

于 2014-01-07T12:41:47.247 回答