返回顶部和底部代码
作者:秋了秋 发表时间:2015年05月01日
这是一段jq实现返回顶部和底部的代码,核心jq代码为以下:
复制代码
- var qiuyeHandler={
- Animate:true, //是否允许动态效果
- Speed:500, //执行时间
- Top:function(){
- if(qiuyeHandler.Animate==true)
- $("body,html").animate({ "scrollTop": 0 }, qiuyeHandler.Speed);
- else $("body,html").scrollTop()=0;},
- Botton:function(){
- var bodyHeight=$(document).height();
- if(qiuyeHandler.Animate==true)
- $("body,html").animate({ "scrollTop": bodyHeight+"px" }, qiuyeHandler.Speed);
- else $("body,html").scrollTop()=bodyHeight+"px";}}
复制代码
通过绑定按钮即可实现返回顶部和底部,如:
复制代码
- <a class="btn56" href="javascript:void(0);" onclick="qiuyeHandler.Top();">回到顶部</a><a class="btn56" href="javascript:void(0);" onclick="qiuyeHandler.Botton();">回到底部</a>
复制代码
0
文章作者: “秋了秋”个人博客,本站鼓励原创。
转载请注明本文地址:http://netblog.cn/blog/345.html