主要介绍了vue项目中在使用vue-router切换页面的时候滚动条自动滚动到顶部的实现方法，一般使用Window scrollTo() 方法实现，本文给大家简单介绍了crollTop的使用,需要的朋友可以参考下

按照正常的产品逻辑，我们在进行页面切换时滚动条应该是在页面顶部的，可是。。。在使用vue-router进行页面切换时，发现滚动条所处的位置被自动记录了下来，且在另一个组件内定义的滚动监听事件仍会运行，着实吃了一大惊。。。 说说我的破解方法： 1、在每个需要用vue-router切换的组件的mounted钩子内将页面的位置自动回滚到页面顶部，解决滚动条位置自动记录问题； 2、在每个组件内定义一条变量scrollWatch默认为true，在绑定滚动监听事件时加个if判断，只有在scrollWatc

有时候我们需要页面滚动条滚动到某一固定的位置，一般使用Window scrollTo() 方法。 语法就是：scrollTo(xpos,ypos) xpos：必需。要在窗口文档显示区左上角显示的文档的 x 坐标。 ypos：必需。要在窗口文档显示区左上角显示的文档的 y 坐标。 例如滚动内容的坐标位置100,500： window.scrollTo(100,500); 好了，这个scrollTop这儿只是简单介绍一下，下面我们介绍下veu-router中的滚动行为。 使用前端路由，当切换到新路