响应式菜单栏隐藏工具：Bamboo.js

Bamboo.js 是一个响应式菜单和结构框架。通常它有一个滑动的菜单栏和固定可滚动内容区。当浏览器的宽度大于固定可滚动内容区的宽度时，左侧的菜单栏将可见，否则则会自动隐藏。

<nav id="main-nav" class="navigation overflow">      <ul>      <li><a href="#">Menu item</a></li>      <li><a href="#">Menu item 2</a></li>  </ul>;  </nav>;  <div id="container">;      <header class="primary">;          <span class="open icon">&#9776;</span>          <hgroup><h1>Title</h1></hgroup>      </header>      <section id="scroller" class="overflow">          <div id="content">              <!-- Content goes in here -->                 <!-- Content ends -->          </div>      </section>     </div&gt;     <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>  <script src="js/bamboo.0.1.js"></script>     <script>      var site = new Bamboo();  </script>

项目主页：http://www.open-open.com/lib/view/home/1430228086802