jQuery 侧边栏跟随滚动插件:Sidebar Follow

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

1、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>

[ads1]

2、Sidebar Follow 参数:

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

element: 跟随区域的节点对象.

prevElement: 上方的节点对象.

distanceToTop: 节点上边到页面顶部的距离

PS:复制代码后,请将双引号和单引号改为英文半角后,再粘贴到文件中!!!

原文地址:http://www.neoease.com/sidebar-follow-scrolling-section/

[box type=”download” align=”aligncenter” ]Sidebar Follow下载 [button color=”red” size=”small” link=”http://qiannao.com/file/lcsxue/7e6c6c86/” target=”blank” ]千脑下载[/button]  [button color=”orange” size=”small” link=”http://yfdisk.com/file/lcsxue/f90dbd8a/” target=”blank” ]网盘下载[/button][/box]

[box type=”info” align=”aligncenter” ]下载声明: 本站所刊载原创内容之外的其他内容均为网络上收集整理,所有资源仅供大家参考、学习,不存在任何商业目的及用途。若您需要使用非免费的软件或服务,您应当购买正版授权并合法使用。如果你下载此文件,表示您同意只将此文件用于参考、学习使用而非任何其他用途。如本站不慎侵犯你的权益请联系我,我将及时处理,并撤下相关内容!

解压需要密码时,请使用本站文件默认解压密码:fengten.com[/box]

[box type=”note” ]◎ 如果您发现下载地址失效,请返回原文页面留言或者联系站长修正! ◎ 部分资源如果普通下载链接失效,请尝试使用迅雷下载。千脑、yunfile网盘文件请IE下载! ◎ 部分资源提供的是BT或者电驴下载方式,你可以使用 [迅雷] [BitComet] 等专业BT下载工具或[电驴]下载 ◎ 部分网盘的资源,需要安装其客户端工具才能下载,如 [RayFile] [优蛋]等[/box]

[ads2]


标签:  |  |  |  |  |  | 
将此文分享到:


转载请注明来自风腾网-wordpress企业主题,本文地址:http://fengten.com/1836.html
除非注明,风腾网-wordpress企业主题文章均为原创,转载请注明出处和链接!
友荐云推荐

相关文章

2 条评论

*

*

顶部 友荐云推荐