工作中简单的返回顶部的做法

37 阅读1分钟

工作中简单的返回顶部的做法:通过点击事件将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
},
   }