搜索

首页  >  问答  >  正文

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

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

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

3.连window.scrollTo也无法跳转

怪我咯怪我咯2774 天前1135

全部回复(2)我来回复

  • 我想大声告诉你

    我想大声告诉你2017-06-12 09:24:13

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

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

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

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

    回复
    0
  • 怪我咯

    怪我咯2017-06-12 09:24:13

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

    回复
    0
  • 取消回复