vue-router 滚动行为

var router=new VueRouter({
    routes:[],
    scrollBehavior(to,from,savedPosition){
        //return 滚动的位置
    }
})

例子

scrollBehavior(to,from,savedPosition){
    return{x:number,y:number}
}

滚动到锚点

scrollBehavior (to, from, savedPosition) {
  if (to.hash) {
    return {
      selector: to.hash
    }
  }
}

返回 savedPosition,在按下 后退/前进 按钮时,就会像浏览器的原生表现那样:

scrollBehavior (to, from, savedPosition) {
  if (savedPosition) {
    return savedPosition
  } else {
    return { x: 0, y: 0 }
  }
}

猜你喜欢

转载自blog.csdn.net/qq719756146/article/details/84753867