vue平滑滚动到顶部

i

toTop(){

let distance =document.documentElement.scrollTop ||document.body.scrollTop;//获得当前高度

let step =distance/50;//每步的距离

(function jump(){

if(distance >0){

distance-=step;

// document.documentElement.scrollTop = distance;

// document.body.scrollTop = distance;

window.scrollTo(0,distance);

setTimeout(jump,10)

}

})();

}

//把总共需要跨越的高度变成50份， 一个定时器每10MS执行一次，可达到平滑过渡的效果 ，做锚点也一样，可以根据目前的屏幕高度到达元素

的屏幕高度，来进行平滑移动 ，

当然如果用jqurey就非常简单了 。做个动画设置毫秒数，滚动到相应位置就OK