当前位置: 首页 > 软件库 > jQuery 插件 > jQuery菜单 >

SidebarJS

jQuery侧边导航插件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery菜单
软件类型 开源软件
地区 不详
投 递 者 戴正阳
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

侧边导航在移动设备上显得非常重要,它不仅能节约可视区域,同时又能起到很好的导航作用。越来越多的网站针对移动设备设计了侧边导航。如果你也想为的设计 侧边导航,也许 SidebarJS 能帮到你,它能够很方便的制作侧边导航,你只需要写一个导航,然后绑定一个触发元素就可以了。

SidebarJS

查看演示 

 相关资料
  • 这是一个滑动菜单。你可以增加一个下拉列表到你的侧边导航条通过使用可折叠组件。如果你想看一个示例。我们的侧边导航用于小屏幕。为了结合全屏导航,你需要拷贝两份 UL 代码。 HTML 结构 <ul id="slide-out" class="side-nav"> <li><div class="userView"> <div class="background"> <img src="ht

  • 引入 import { createApp } from 'vue'; import { Sidebar, SidebarItem } from 'vant'; const app = createApp(); app.use(Sidebar); app.use(SidebarItem); 代码演示 基础用法 通过 v-model 绑定当前选中项的索引。 <van-sidebar v-mode

  • 导航和侧边栏 引用网站文档 如果你想在 docs 文件夹中引用另一个文档(或者你通过可选 customDocsPath路径站点配置选项设置的位置),那么你只需要使用你想引用的文档名称。 例如,如果你在 doc2.md 中,而你想引用 doc1.md: 这里引用了一个 [文档](doc1.md). Docusaurus 目前不支持嵌套文件夹中的文件; 只能是在一个平面文件结构中。 我们正在考虑添加

  • 本文向大家介绍bootstrap侧边栏圆点导航,包括了bootstrap侧边栏圆点导航的使用技巧和注意事项,需要的朋友参考一下 如图,随页面向下滑动,到指定页面后圆点变成白色,也可以通过点击圆点跳转到某个位置。 这是四个部分。 这是导航, 这是导航的样式,使其浮动在页面右侧。 在这种情况下,已经可以点击圆点跳转到某个页面,只是圆点的颜色还没有设定好。 select和default决定小圆点的颜色。

  • mui提供了两种侧滑导航实现:webview模式和div模式,两种模式各有优劣,适用于不同的场景。 webview模式 主页面和菜单内容在不同的webview中,两个页面根据内容需求分别组织DOM结构,mui对其DOM结构无特殊要求,故其有如下优点: 菜单内容是单独的webview,故可被多个页面复用; 菜单内容在单独的webview中,菜单区域的滚动不影响主界面,故可使用原生滚动,滚动更为流畅;

  • 右侧的控制侧边栏组件是 AdminLTE 布局的一部分。 用法 该插件可以作为 jQuery 插件或使用数据 API 激活。要激活插件,你必须首先将 HTML 标记添加到布局中,然后创建如下所示的切换按钮。 HTML 标记 <!-- 控制侧边栏 --> <aside class="control-sidebar control-sidebar-dark"> <!-- 控制侧边栏内容在这里

  • 本文向大家介绍原生js实现电商侧边导航效果,包括了原生js实现电商侧边导航效果的使用技巧和注意事项,需要的朋友参考一下 知识要点 实现原理: 1.点击楼层跳相应楼层,用的是锚点定位 电梯:<a href="#item2">2F 个护家清</a></li> 列表title:<div class="floor-title" id="item2"></div> 这个没什么好说的 2.当点击楼层跳到相应楼

  • 本文向大家介绍jQuery 实现侧边浮动导航菜单效果,包括了jQuery 实现侧边浮动导航菜单效果的使用技巧和注意事项,需要的朋友参考一下 单页面网页内容较多,页面长度较大,需要方便快速的在页面的不同位置进行定位,所以浮动菜单逐渐流行了起来,如下图 男装、女装、美妆等。 这种菜单功能分为两部分: 1、点击菜单项,网页滚动到对应位置,可简单通过锚点实现; 2、滚动页面的时候,菜单项的选中状态要跟着改