javascript - vue-router路由切换时的滚动条问题

Question

1.vue-router的scrollBehavior中的savedPosition打印一直为Object {x: 0, y: 0}

2.使用了keep-alive也没法记录滚动条位置，切换路由还是自动到顶部

3.连window.scrollTo也无法跳转

Answer 1

不是太懂题主的需求，是想要切换页面后下拉条不回到顶部，还是回退的时候不回到顶部

我记得默认是回退的时候下拉条还是在原位置的

如果不是的话，你可以检查一下你下拉条出现的位置是不是在父容器那里

实在不行，极端点的做法甚至可以这样
Data处设置scrolltop: ""
watch处观察path
在回调函数中获取并保存出现滚动条的容器的滚动高度，然后按需设置即可

Answer 2

是可以做到的，楼主看我这篇文章吧：Vue.js轻松实现页面后退时，还原滚动位置