jQuery 跟随滚动插件：Sidebar Follow

Sidebar Follow 是 mg12 写的一个 jQuery 插件，这个插件实现侧边栏实现滚动跟随的效果，如本站侧边栏。当页面滚动条在跟随区域下方, 那么跟随区域变为浮动, 跟随页面滚动; 如果滚动条回到元素上方, 跟随区域回到原来的位置上. 现在就可以滚动看看本博客侧边栏的效果。

Sidebar Follow 使用步骤

首先 load jQuery 和 Sidebar Follow 的 JavaScript 库：

  
<script src="jquery.js"></script> 
<script src="sidebar-follow-jquery.js"></script>

然后在 </body> 之前加入如下代码：

  
<script>
(new SidebarFollow()).init({
	element: jQuery('#sidebar-follow'),
	prevElement: jQuery('#recent-comments'),
	distanceToTop: 15
});
</script>

Sidebar Follow 参数：

从上面的实例中我们知道 Sidebar Follow 有三个参数：

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

下载： Sidebar Follow

>>> 继续阅读全文 ...

欢迎关注我们关于 WordPress 技巧的微博：
新浪微博： http://weibo.com/wpjam
腾讯微博： http://t.qq.com/WordPressJam

© 我爱水煮鱼 / 收藏本文 / 0条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

• Happy.js：轻量级的 jQuery 表单验证插件
• 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
• 轻量级的移动 Web 应用开发框架：Sidetap
• GMaps.js：让你快速集成 Google Maps 服务的 jQuery 插件
• jQuery Verbose Calendar：显示整年的 jQuery 日历插件
• Real Shadow：jQuery 超炫阴影跟随效果插件