今天在给我网站写侧边栏时，需要实现上下滑动效果。于是去网上一搜一大吧实现方法，但真正能用的没那么几个，不是遮挡底部footer，就是顶着页脚无限下拉等.....所以今天老翰整理了一套完整的js迷你版实现方法。
sidebar.js 实现效果如下：
html代码：
<div class="wrapper">
<div class="content">
我是不动的元素，高度要大于要动的元素
</div>
<div class="sidebar">
我是我动的元素
</div>
</div>
sidebar.js侧边栏滑动方法：
js代码：
<!--引入JQ文件-->
<script type="text/javascript" src="jquery.min.js"></script>
<!--引入所需要的JS文件-->
<script type="text/javascript" src="sidebar.js"></script>
<script type="text/javascript">
//JS代码
jQuery(document).ready(function() {
//绑定要滑动固定的元素，可以是 class 或 id
jQuery('.sidebar').theiaStickySidebar({
additionalMarginTop: 30
});
});
</script>sidebar.js 文件用到参数：
containerSelector：侧边栏的父容器元素。如果没有指定直接使用侧边栏的父元素。
additionalMarginTop：可选值。指定侧边栏的顶部margin值，单位像素，默认为0像素。
additionalMarginBottom：可选值。指定侧边栏的底部margin值，单位像素，默认为0像素。
updateSidebarHeight：是否更新侧边栏的高度。默认为true。
minWidth：如果侧边栏的宽度小于这个值，将恢复为正常尺寸。默认值为0。（该选项用于响应式设计）
defaultPosition：侧边栏必须是非static的定位方式。默认为relative定位方式。
namespace：绑定事件的命名空间。默认为TSS。
好了，以上就是sidebar.js简单实现侧边栏跟随固定上下滑动方法，至此已经完美实现，如果你也喜欢这样的侧边栏效果的话，那就不要犹豫快来试试吧。
广告插入
