导航菜单
高性能jQuery固定侧边栏插件
PetitQ
sticky-sidebar.js 是一款高性能的 js 固定侧边栏插件。通过 sticky-sidebar.js 插件，你可以快速的为网站制作出固定侧边栏效果。它的特点还有：
在页面滚动是，不需要重新计算所有的坐标，金辉计算必要的坐标。
也想出现在这里？联系我们吧
页面平滑滚动，不会产生页面滚动侧边栏滞后的感觉。
当侧边栏过高或过短时，会自动计算侧边栏的位置。
插件没有任何依赖，使用简单。
使用方法：
在页面中引入 sticky-sidebar.js 文件。
<script type="text/javascript" src="path/to/js/sticky-sidebar.js"></script>
HTML 结构：
要使用 sticky-sidebar.js 固定侧边栏插件，你的网页结构应该如下面的样子。
<div class="main-content">
<div class="sidebar">
<div class="sidebar__inner">
<!-- 侧边栏内容 -->
</div>
</div>
<div class="content">
<!-- 页面内容 -->
</div>
</div>
你也可以将 sticky-sidebar.js 固定侧边栏插件和 jquery 或 Zepto 结合使用。要作为 jquery 插件来使用，只需要引入 jquery.sticky-sidebar.js 文件即可，例如：
<script type="text/javascript" src="path/to/js/jquery.js"></script>
<script type="text/javascript" src="path/to/js/jquery.sticky-sidebar.js"></script>
<script type="text/javascript">
$('#sidebar').stickySidebar({
topSpacing: 60,
bottomSpacing: 60
});
</script>
sticky-sidebar.js 固定侧边栏插件的 github 地址为：https://github.com/abouolia/sticky-sidebar
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
