Bamboo.js

响应式菜单栏隐藏工具
授权协议 BSD
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 王才英
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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>
 
 
  • 目录      目录     简介     文件目录     命令行工具     命名约定     请求对象结构     Bamboo应用目录结构     URL路由     处理请求     处理表单     处理上传     模板渲染     模型定义     调试     一些全局辅助函数和对象     库     资源文件的引用     安装     服务配置及启动         >>

 相关资料
  • 我有一个活动有3个碎片(不是标签)。我有几个动作条项目,我想隐藏他们时,某个片段是存在的。我该怎么做呢?

  • 我在Codepen网站上发现了这个非常酷的响应菜单:https://Codepen.io/sergiodaroca/pen/bgkpqy 但当我将其添加到我的站点时,当查看完整的桌面菜单时,标题“Rhino”会集中在菜单选项后面。它适用于汉堡包菜单。在这里,您可以看到它在我的站点上不起作用:https://bozzaradio.co.uk/default.aspx 我有办法调整代码来解决这个问题吗

  • 我需要在主页上隐藏我的菜单,让它在向下滚动时出现。我正在使用Wordpress和Elementor。我能够通过安装“自定义CSS&JS”插件来实现这一点,它允许我添加任何我需要的JS代码。 我使用elementor自定义CSS在菜单部分添加了以下代码: null null 然后我用我安装的插件将这个Java脚本添加到我的网站上, null null 这做了工作,但现在菜单是隐藏在所有网页上的网站和

  • 描述 (Description) 要将菜单更改为不同的屏幕大小,菜单包含一些响应式CSS类。 使用响应式菜单插件,可以将默认模式应用于菜单,也可以更改不同大小的屏幕的菜单模式。 例子 (Example) 以下示例演示了在Foundation中使用响应式导航菜单 - <!DOCTYPE html> <html> <head> <title>Foundation Template</

  • 这个章节,我们会创建状态栏、菜单和工具栏。菜单是一组位于菜单栏的命令。工具栏是应用的一些常用工具按钮。状态栏显示一些状态信息,通常在应用的底部。 主窗口 QMainWindow提供了主窗口的功能,使用它能创建一些简单的状态栏、工具栏和菜单栏。 主窗口是下面这些窗口的合称,所以教程在最下方。 状态栏 状态栏是用来显示应用的状态信息的组件。 #!/usr/bin/python3 # -*- codin

  • 这个章节,我们会创建状态栏、菜单和工具栏。菜单是一组位于菜单栏的命令。工具栏是应用的一些常用工具按钮。状态栏显示一些状态信息,通常在应用的底部。 主窗口 QMainWindow 提供了主窗口的功能,使用它能创建一些简单的状态栏、工具栏和菜单栏。 主窗口是下面这些窗口的合称,所以教程在最下方。 状态栏 状态栏是用来显示应用的状态信息的组件。 #!/usr/bin/python3 # -*- codi

  • 我试图实现的是在滚动回收视图时隐藏折叠工具栏布局,如果再滚动,则折叠主工具栏。但我只能做到这一点http://i.imgur.com/t6wTW5H.gif. 所以我不能比这更进一步 如果我进一步滚动,我也想隐藏我的工具栏。

  • 所以我想做的是让我的主菜单浮动,但同时是可调整大小的(窗口宽度),我也有一个隐藏的子菜单,我希望它遵循主菜单的规则。 此外,主菜单并不是从页面的顶部开始,但当你向下滚动时,我希望它能贴在顶部边缘并在那里Rest。 jsFiddle在这里 CSS JAVASCRIPT(jQuery的什么版本?) HTML(固定HTML格式,删除额外标记,添加缺失标记)