全国热线:400-660-5510广州:020-22265510深圳:0755-23915687上海:021-32265355
今天在处理客户提交的WordPress企业定制需求时，有一个”跟随浏览器滚动条浮动层，点击后返回顶部” 的功能需要实现，当然，首先想到的就是无所不能的强大Jquery。在GG的帮助下，通过Jquery插件可以轻松实现。使用 。
必须调用的js有：
1.
2.
3.
操作说明：
1. 包含以上三个必须得js脚本文件到你的项目：
| 以下为引用的内容： <script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="ui.core.js"></script><script type="text/javascript" src="jquery.scrollFollow.js"></script> |
操作说明：
1. 包含以上三个必须得js脚本文件到你的项目：
| 以下为引用的内容： <script type="text/javascript" src="jquery.js"></script><script type="text/javascript" src="ui.core.js"></script><script type="text/javascript" src="jquery.scrollFollow.js"></script> |
2. 绑定Scroll Following方法到希望实现该效果的DOM对象：
| 以下为引用的内容： <script type="text/javascript">$( '#example' ).scrollFollow(); </script> |
3. 还可以为绑定DOM对象的Scroll Following设置参数：
| 以下为引用的内容： <script type="text/javascript"> $( document ).ready( function () { $( '#example' ).scrollFollow( { speed: 1000, offset: 60, killSwitch: 'exampleLink', onText: 'Disable Follow', offText: 'Enable Follow' } ); } );</script> |
4. 或者为绑定的DOM对象指定一个上级(父)元素(通过调用父元素ID)，为该绑定对象设置一个外部容器，使得效果只能在该限定容器范围内有效：
| 以下为引用的内容： <script type="text/javascript"> $( document ).ready( function () { $( '#example' ).scrollFollow( { container: 'outer' } ); } );</script> |
更多参数设置及效果实现，可参看插件官方文档：
Copyright © 2003-
爱游戏手机登录入口_爱游戏(中国)
, All Rights Reserved
