【bug】vue路由跳转后总是跳转到页面的底部
七娃博客656人阅读
为什么vue路由跳转后总是跳转到下一个页面的底部?好奇怪的bug!最近在仿网易云的时候,页面跳转到歌曲详情页面,总是跳转到页面的最底部,如何解决这个BUG?
在路由router文件(src / router / index.js)中加入
scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { return { x: 0, y: 0 } } }
scrollBehavior可以指定页面进入后的滚动位置
scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 } }
当然也可以滚动到指定锚点
scrollBehavior (to, from, savedPosition) { if (to.hash) { return { selector: to.hash } } }
更多可以去看vue官方滚动行为scrollBehavior文档:https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html#%E5%BC%82%E6%AD%A5%E6%BB%9A%E5%8A%A8
评论 | 0 条评论
登录之后才可留言,前往登录