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

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

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

一个 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: 节点上边到页面顶部的距离

 报告下载错误
点击链接开始下载
本类最新
相关教程
下载说明
栏目导航
推荐软件