1. 程式人生 > >vue.js 路由之滾動行為

vue.js 路由之滾動行為

const router = new VueRouter({
  routes: [...],  
  scrollBehavior(to,from,savedPosition){
    // return {x:100,y:100}              //瀏覽器以頁面的x:100,y:100的位置開始顯示
    // return{ selector : '.a' }         //瀏覽器以頁面中 class 為 a 的 DOM 位置開始顯示
    if(savedPosition){                   //如果是通過瀏覽器的 前進/後退 按鈕觸發就為 true
      return savedPosition               //瀏覽器以上回最後一次瀏覽的頁面位置開始顯示
    }else{
      return {x:0,y:200}
    }
  }
})