码迷,mamicode.com
首页 > 其他好文 > 详细

简单的返回顶部代码

时间:2015-02-24 13:42:20      阅读:222      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!