很多网页在下方都会放置一个“返回 顶部 ”按钮，尤其是页面底部没有导航的网页，这样可以帮助访客重新找到导航或者重温一遍广告（想得真美）。随着近几年来 JavaScript 的应用日渐广泛， 滑 动效果无处不在，于是我也跟跟风，将返回 顶部 功能做成了 滑 动效果。后来为了更贴合物理特征， 改造做成了减速的 滑 动效果。 首先说一下原理吧，我们会获取 滚动条 到页面 顶部 的距离，然后上移一定的距离；再获取 滚动条 到页面 顶部 的距离，上移一定的距离（比上一次小一点）;以此类推 … [removed] * 回到页面 顶部 * @param acceleration 加速度 页面平 滑 滚动 是网页一种常见的效果。那如何用原生的 JS 实现这也效果呢？ 平 滑 滚动 的原理其实很简单。无非就是让页面一种肉眼可见的速度从当前位置 滚动 到指定位置。故而，要实现平 滑 滚动 效果，我们就要知道“起始位置”、“结束位置”以及“如何让页面从一个点到另一个点”。 获取起始位置和终点位置 想要获取起始位置和终点位置，那就必须确定参考点。在网页中，常用的参考点是页面左上角。（注意，我这里所要实现...

实现了网页右下方常见的“返回 顶部 ”效果。 返回 顶部 用到了一个自定义的函数animate()，这个函数有三个参数，分别是移动过的对象，移动的目标，以及回调函数。这个函数是实现窗口垂直 滚动 的。 程序实现了以下功能： 1.右下角css使用fixed定位，这样页面上下 滚动 时，工具栏不动。 2.返回 顶部 图标初始状态不可见，向下 滚动 超过500px时，显示，小于500px时，隐藏。 3.鼠标移动到返回 顶部 图标时，图标变为......