很简单的vue返回顶部,但是网上查了很多方式,并不好用,我把我项目上面的方法分享出来。
效果线上预览:返回顶部
html
<a @click="backTop">
<i class="el-icon-arrow-up"></i>
</a>
js
//返回顶部
backTop() {
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)
},
以上,就完成了