工作中简单的返回顶部的做法:通过点击事件将scrollTo的top重置为0,从而达到返回顶部的效果。
<div id="toTopButton" @click="toTop"> <span>回到顶部</span> </div>
////////////////////////
methods: {
// 回到顶部按钮
toTop() {
const topElement = document.getElementsByClassName(
"el-table__body-wrapper"
);//获取到了滚动的dom元素
topElement[0].scrollTo({
top: 0,
behavior: "smooth",//滚动平滑后面可以加时间
});//设置top重置为0
},
}