web-dev-qa-db-ja.com

Bootstrap 3.0左からスライディングメニュー

bootstrap 3.0のWebサイトで mmen を使用して、左から右にスライドメニューを実装しました。ただし、Android （samsung galaxy）は理想的ではありませんが、デフォルトの折りたたみメニュー（ナビゲーションドロップダウン）もありますが、これははるかに優れています。

左側のメニューを改善するための解決策を持っている人がいるかどうか疑問に思っていましたか？ Bootstrap 3.0コンポーネントはそれを行い、デフォルトのドロップダウンと同じくらいスムーズですか？（ドキュメントで言及されているものは見つかりませんでした）？]または他の推奨事項はありますか？

twitter-bootstrapdrop-down-menutwitter-bootstrap-3slidingmenummenu
23
Syl

ここでは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 をテストして微調整するためのセットアップを行いました.

14
Marnix Harderwijk

おそらく遅いですが、ここに仕事をすることができるプラグインがあります： http://multi-level-Push-menu.make.rs/

また、v2ではスワイプなどのモバイルジェスチャーを使用できます;）

10
Julien