您的位置:首页 > 产品设计 > UI/UE

vue平滑滚动到顶部

2017-12-15 11:22 232 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue 前端