1. 程式人生 > >vue-router 滾動行為

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 }
  }
}