モバイルのトップ ドロワー ナビゲーション メニューの作成に問題があります。Google+ iPhone アプリで使用されているナビゲーション メニューに似たものを探しています。
クリックすると、メニューをスライドダウンして、ページのコンテンツを押し下げます。
また、アクティブなリンクを変更してアクティブのクラスを追加する必要があります。次に、上部のメニューの上部にもアクティブなリンクが表示されます。
私はデモをまとめました: http://jsfiddle.net/RFpDJ/
ご覧のとおり、ほとんどのものがありますが、正しく機能していません。
私が見つけたデモを使用または使用しています: http://www.jordanm.co.uk/lab/topdrawer
ただし、上記のリンクのように機能させるのに苦労しています。jQueryを回避するために、可能な場合はCSS3トランジションを使用したいと思います（可能な場合）。
<nav>
<ul class="nav nav-tabs nav-stacked">
<li class="active"><a href="#">Products</a></li><!-- active link changes -->
<li><a href="#">Information</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Orders Complete</a></li>
</ul>
</nav>
誰かが助けてくれることを願って、
ありがとう