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