点击分页 怎么让vue回到顶部?

网上查可以用 document.body.scrollTop,但是我在项目写了一个测试demo没有效果,为什么?

   
   
   <button @click="opt">回到顶部</button>
   
    opt(){
       if(document.body.scrollTop){
         document.body.scrollTop = 0
       }else {
         document.documentElement.scrollTop = 0
       }
     },
阅读 6.2k
4 个回答

打印下document.body.scrollTop如果是0说明滚动的容器不是body, 再看有没有父级容器overflow-yauto|scroll的, 把它的scrollTop=0

说明滚动的容器不是window或body,修改滚动容器的scrollTop

window.scrollTo(0,0)

题主的demo是否放在autoScroll的容器呢?如果是的话,那就不行了,不然楼上的答案应该是可以的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题