Bamboo.js響應(yīng)式菜單欄隱藏工具

Bamboo.js 是一個響應(yīng)式菜單和結(jié)構(gòu)框架。通常它有一個滑動的菜單欄和固定可滾動內(nèi)容區(qū)。當(dāng)瀏覽器的寬度大于固定可滾動內(nèi)容區(qū)的寬度時，左側(cè)的菜單欄將可見，否則則會自動隱藏。

代碼示例：

<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>