<div @click=" goTop">返回顶部</div>
mounted() {
window.addEventListener("scroll", this.handleScroll);
},
destroyed() {
document.removeEventListener("scroll", this.handleScroll);
},
methods: {
handleScroll() {
const that = this;
let scrollTop =
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop;
that.scrollTop = scrollTop;
},
goTop() {
const that = this;
let timer = setInterval(() => {
let ispeed = Math.floor(-that.scrollTop / 10);
document.documentElement.scrollTop = document.body.scrollTop =
that.scrollTop + ispeed;
if (that.scrollTop === 0) {
clearInterval(timer);
}
}, 10);
},
}