JS平滑效果实现回到顶部

JS平滑效果实现回到顶部

最近用Vue做的小项目中需要实现回到顶部的效果。

主要思路就是：

利用document.documentElement.scrollTop || document.body.scrollTop获得滚动条的位置，然后利用window.scrollTo()每隔一秒向上滚动一点，从而实现平滑滚动的效果。

主要代码如下：

toTop(){
var gotoTop= function(){
var currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
currentPosition -= 10;
if (currentPosition > 0) {
window.scrollTo(0, currentPosition);
}
else {
window.scrollTo(0, 0);
clearInterval(timer);
timer = null;
}
}
var timer=setInterval(gotoTop,1);
}