原创

移动端侧边导航栏js插件SidebarJS下载及使用教程


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

获取插件

使用方法:

1:引用文件

  1. <script src="js/jquery.min.js"></script>
  2. <script src="js/sidebar.js"></script>

2:HTML

  1. <div class="wrapper jsc-sidebar-content jsc-sidebar-pulled">
  2. <div>
  3. <a href="#" class="icon-menu link-menu jsc-sidebar-trigger">按钮</a>
  4. </div>
  5. </div>
  6. <div class="sidebar jsc-sidebar" id="jsi-nav">
  7. <ul class="sidebar-list">
  8. <li><a href="###" class="current">SidebarJS</a></li>
  9. <li><a href="###">说明</a></li>
  10. <li><a href="###">下载</a></li>
  11. <li><a href="###">代码</a></li>
  12. <li><a href="###">dowebok.com</a></li>
  13. </ul>
  14. </div>

3、JavaScript

  1. $('#jsi-nav').sidebar({
  2. trigger: '.jsc-sidebar-trigger'
  3. });

参数:

参数 类型 说明 默认值
trigger 字符串 触发对象,或者说是按钮开关 true
scrollbarDisplay 布尔值 侧栏导航展开后页面是否可以滚动 false
pullCb 函数 侧栏导航收起后的回调函数
pushCb 函数 侧栏导航展开后的回调函数

获取插件

留言反馈
问题反馈渠道,如有软件无法下载或者其他问题可反馈。【由于某种原因,目前留言不展示】
用户需要登录后才能留言反馈