代码改变世界

随笔档案-2012年12月4日

用原生JavaScript做个简单的回到顶部

2012-12-04 11:00 by lyw90, 173 阅读, 收藏,
摘要: 很多网页在下方都会放置一个“返回顶部”按钮,尤其是页面底部没有导航的网页,这样可以帮助访客重新找到导航或者重温一遍广告(想得真美)。随着近 几年来 JavaScript 的应用日渐广泛,滑动效果无处不在,于是我也跟跟风,将返回顶部功能做成了滑动效果。后来为了更贴合物理特征, 改造做成了减速的滑动效果。首先说一下原理吧,我们会获取滚动条到页面顶部的距离,然后上移一定的距离;再获取滚动条到页面顶部的距离,上移一定的距离(比上一次小一点);以此类推 ...1234567891011121314151617181920212223242526272829303132333435363738394041 阅读全文