博客侧边栏跟随滚动效果

原文链接：http://www.neoease.com/sidebar-follow-scrolling-section/

参数描述

• element: 跟随区域的节点对象.
• distanceToTop: 节点上边到页面顶部的距离.

1. 下载所需文件

这里提供原生 JavaScript 和 jQuery 两个版本可供下载: 从 GitHub 下载

2. 插入 JavaScript 和添加执行脚本

在页面底部 </body> 之前加入代码, 原生 JavaScript 例子如下:

<script src="sidebar-follow.js"></script>
<script>
/* <![CDATA[ */
(new SidebarFollow()).init({
	element: 'sidebar-follow',
	distanceToTop: 15
});
/* ]]> */
</script>

使用 jQuery 环境的例子如下:

<script src="jquery.js"></script> <!-- 如果已在网站的其他地方引入 jQuery, 请不要在次引入 -->
<script src="sidebar-follow-jquery.js"></script>
<script>
/* <![CDATA[ */
(new SidebarFollow()).init({
	element: jQuery('#sidebar-follow'),
	distanceToTop: 15
});
/* ]]> */
</script>