jQuery侧边导航插件SidebarJS
简介
侧边导航在移动设备上显得非常重要,它不仅能节约可视区域,同时又能起到很好的导航作用。越来越多的网站针对移动设备设计了侧边导航。如果你也想为的设计侧边导航,也许 SidebarJS 能帮到你,它能够很方便的制作侧边导航,你只需要写一个导航,然后绑定一个触发元素就可以了。
在线演示及下载
兼容性
SidebarJS 使用了 fixed translate3d 等属性,所以它不兼容 IE6 – IE9。
使用方法
1、引入文件
2、HTML
3、JavaScript
$('#jsi-nav').sidebar({ trigger: '.jsc-sidebar-trigger' });
参数
参数 | 类型 | 说明 | 默认值 |
---|---|---|---|
trigger | 字符串 | 触发对象,或者说是按钮开关 | true |
scrollbarDisplay | 布尔值 | 侧栏导航展开后页面是否可以滚动 | false |
pullCb | 函数 | 侧栏导航收起后的回调函数 | 无 |
pushCb | 函数 | 侧栏导航展开后的回调函数 | 无 |
相关推荐
-
企业级时间轴插件Vue-timelinepick 插件应用
2017-12-12
-
jQuery响应式图片画廊插件S Gallery 插件应用
2017-12-12
-
图像延迟加载库Echo.js 插件应用
2017-6-23
-
tween.js 中文使用指南 插件应用
2018-1-6
-
2018年最佳JavaScript数据可视化和图表库 插件应用
2018-10-30
-
liMarquee无缝滚动Jquery插件 插件应用
2017-6-23
-
JavaScript响应式轮播图插件–Flickity 插件应用
2017-6-3
-
jQuery侧边栏插件-Simpler Sidebar 插件应用
2017-12-25
-
ScrollReveal-元素随页面滚动产生动画的js插件 插件应用
2017-6-3
-
选择下拉插件-Dropdown.js 插件应用
2017-12-25