Vue中获取屏幕滚动高度及实现返回顶部滚动效果

Vue中获取屏幕滚动高度

windowScroll() {// 滚动条距离页面顶部的距离// 以下写法原生兼容let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;}

返回顶部

toTop() {let top = document.documentElement.scrollTop || document.body.scrollTop;// 实现滚动效果const timeTop = setInterval(() => {document.body.scrollTop = document.documentElement.scrollTop = top -=50;if (top <= 0) {clearInterval(timeTop);}}, 10);}