很多网页在下方都会放置一个“返回顶部”按钮,尤其是页面底部没有导航的网页,这样可以帮助访客重新找到导航或者重温一遍广告(想得真美)。随着近几年来 JavaScript 的应用日渐广泛,滑动效果无处不在,于是我也跟跟风,将返回顶部功能做成了滑动效果。后来为了更贴合物理特征, 改造做成了减速的滑动效果。
首先说一下原理吧,我们会获取滚动条到页面顶部的距离,然后上移一定的距离;再获取滚动条到页面顶部的距离,上移一定的距离(比上一次小一点);以此类推 ...
演示调用方式:
<div style="text-indent:2em; font-size:14px; border:1px dashed #CCC; padding:8px 8px 8px 8px;"><a href="#" οnclick="goTop();return false;">返回顶部</a></div>
文章转载自:IT世纪网 原文链接:http://www.it2012.com/jscode/407.html