首页 | 常用工具 | 一周排行榜 | 一个月排行榜 | 半年排行榜 | 一年排行榜
实例吧
当前位置:JS特效 » 菜单导航 » 高性能js固定侧边栏插件
 高性能js固定侧边栏插件
如果您觉得内容不错,请分享:
标签: 侧边栏菜单侧边栏纯js

插件介绍

sticky-sidebar.js是一款高性能的js固定侧边栏插件。通过sticky-sidebar.js插件,你可以快速的为网站制作出固定侧边栏效果。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:91
查看演示 下载插件
简要教程

sticky-sidebar.js是一款高性能的js固定侧边栏插件。通过sticky-sidebar.js插件,你可以快速的为网站制作出固定侧边栏效果。它的特点还有:

  • 在页面滚动是,不需要重新计算所有的坐标,金辉计算必要的坐标。
  • 页面平滑滚动,不会产生页面滚动侧边栏滞后的感觉。
  • 当侧边栏过高或过短时,会自动计算侧边栏的位置。
  • 插件没有任何依赖,使用简单。

安装

可以通过bower或npm来安装sticky-sidebar.js固定侧边栏插件。

bower install sticky-sidebar
npm install sticky-sidebar                  
                

使用方法

在页面中引入sticky-sidebar.js文件。

                  
                
HTML结构

要使用sticky-sidebar.js固定侧边栏插件,你的网页结构应该如下面的样子。

你也可以将sticky-sidebar.js固定侧边栏插件和jquery或Zepto结合使用。要作为jquery插件来使用,只需要引入jquery.sticky-sidebar.js文件即可,例如:




                  
                

sticky-sidebar.js固定侧边栏插件的github地址为:https://github.com/abouolia/sticky-sidebar

上一篇: css3 transform属性制作6种隐藏的侧边导航菜单动画效果
下一篇: Bootstrap垂直手风琴折叠菜单

相关插件

 jquery滑动侧边栏插件jSide
jquery滑动侧边栏插件jSide
 jQuery和CSS3滑动展开菜单按钮插件
jQuery和CSS3滑动展开菜单按钮插件
 基于CSS Grid的全屏多网格菜单布局特效
基于CSS Grid的全屏多网格菜单布局特效
 js和CSS3漂亮的手风琴菜单特效
js和CSS3漂亮的手风琴菜单特效
 兼容ie8的jquery圆形弹出按钮菜单插件
兼容ie8的jquery圆形弹出按钮菜单插件
 适合移动手机的jQuery多级侧边栏菜单插件
适合移动手机的jQuery多级侧边栏菜单插件
 js带模糊效果的隐藏滑动侧边栏插件
js带模糊效果的隐藏滑动侧边栏插件
 bootstrap4滑动侧边栏特效
bootstrap4滑动侧边栏特效

    热门推荐

  •  jquery滑动侧边栏插件jSide

    jquery滑动侧边栏插件jSide

    2021-07-24
  •  js处理货币格式插件currency.js

    js处理货币格式插件currency.js

    2021-07-24
  •  jQuery的图片展示插件imgZoomAndRotate

    jQuery的图片展示插件imgZoomAndRotate

    2021-07-24
  •  简单的js聊天机器人框架BotUI

    简单的js聊天机器人框架BotUI

    2021-07-24
  •  可将HTML表格导出为Excel|csv|txt文件的jQuery插件

    可将HTML表格导出为Excel|csv|txt文件的jQuery插件

    2021-07-24
Top
服务条款 | 网站地图 | 友情链接 | 问题反馈
© 2021-2026 实例吧(shili8.cn) 版权所有 备案号:粤ICP备2024310174号-1 备案 粤公网安备 44011102002787号