Question

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

我想知道你们中是否有人有改善左菜单的解决方案？是否有任何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也可以使用移动手势，例如滑动;）

Bootstrap 3.0从左侧滑动菜单

2 个答案: