首页 > 其他 > 详细

简单的返回顶部代码

时间:2015-02-24 13:40:19      阅读:174      评论:0      收藏:0      [点我收藏+]

返回顶部的做法有几种,一种是设置锚,其实就是初学html的时候href=‘#‘,这种做法效果有点生硬,没有“滑”上去的感觉,最后用js来实现,而js首选jquery这个便捷的开源库,下面贴上代码

1 $(‘#top‘).click(function(){
2   $(document.body).animate({scrollTop:0},800);
3   return false;
4 })

这里有两个参数,一个是scrollTop,0表示滚动到距离顶部0的位置,10就是滚动到距离顶部10px的位置

800是滚动的速度,越小速度越快,太快太慢都不好,个人测试800是个比较折中的数字

简单的返回顶部代码

原文:http://www.cnblogs.com/1pg61f/p/4298587.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!