響應式菜單欄隱藏工具：Bamboo.js

d3fw 10年前發布 | 19K 次閱讀 Bamboo.js JavaScript開發

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.baiduhome.net/lib/view/home/1430228086802

 本文由用戶 d3fw 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！