软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 源码下载 > 脚本资源 > jQuery > jQuery侧边栏跟随滚动效果说明及代码下载

jQuery侧边栏跟随滚动效果说明及代码

  • 界面语言:简体中文 / 国产软件
  • 文件大小:4 KB
  • 资源等级:3星级
  • 相关链接:Home Page
  • 有无插件:无插件,放心使用!
  • 授权方式:免费版
  • 更新时间:2012-11-07 15:45:15
  • 运行环境:php/asp/html/asp.net/jsp...

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

Sidebar Follow 使用步骤
首先 load jQuery 和 Sidebar Follow 的 JavaScript 库:

<script src="http://fairyfish.net/m/jquery-sidebar-follow/jquery.js"></script>
<script src="http://fairyfish.net/m/jquery-sidebar-follow/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: 节点上边到页面顶部的距离

 报告下载错误
jQuery侧边栏跟随滚动效果说明及代码
推荐下载
下载说明
栏目导航
推荐下载