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>