点击固定按钮让页面回到顶部

点击固定按钮回到页面顶部

开发工具与关键技术：DW /JS
作者：刘家龙
撰写时间：2019/2/18

下面跟大家分享一下如何点击固定按钮使页面回到顶部，这里使用到的是JS中的scrollTo方法。这个方法是把内容滚动到指定的坐标，所以在滚动之前就要定义好目的地坐标，现在我们要回到页面顶部，就把坐标设为（0，0）。为了体现效果我设置了7个div，并且给了它们不同的颜色，然后再进行编号。

回到顶部的按钮用的是固定定位，无论处于哪个位置都能点击，点击按钮后效果如下：


当然方法还有很多，这里介绍的只是其中较为简单的一种。也可以通过更为简单的锚链接让页面回到顶部；又或者是自定义属性index等来记录当前的屏数计算运动的距离来回到页面顶部，虽然这个方法相对复杂，但是却更为流畅，上面介绍的scrollTo就比较生硬，没有动画效果，无论是什么方法也需要看具体情况来使用。本次分享到此结束，感谢大家的观赏。