cssjshtml vue.js 页面滚动位置控制

葫芦的运维日志

浏览量 5747 2019/01/10 11:29

页面跳转时页面展示在 y轴100px的位置。

const router = new VueRouter({
  routes,
  mode: 'history',
  scrollBehavior(to,from,savedPosition){
   return{x:0,y:100}

  }
})

页面跳转时展示在 第一个clas btn元素的位置。

const router = new VueRouter({
  routes,
  mode: 'history',
  scrollBehavior(to,from,savedPosition){
     return{selector:'.btn'}

  }
})

页面跳转时展示之前跳转前的位置。

const router = new VueRouter({
  routes,
  mode: 'history',
  scrollBehavior(to,from,savedPosition){
  // return{x:0,y:100}
  //   return{selector:'.btn'}
    if(savedPosition){
      savedPosition;
    }else{
      return{x:0,y:0}
    }
  }
})

葫芦的运维日志

打赏

留言板

留言提交后需管理员审核通过才会显示

© 冰糖葫芦甜(bthlt.com) 2025 王梓打赏联系方式陕ICP备17005322号-1