专栏首页葫芦cssjshtml vue.js 页面滚动位置控制

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

页面跳转时页面展示在 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}
    }
  }
})

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • cssjshtml vue.js v-if v-else

    葫芦
  • linux 倒计时

    葫芦
  • cssjshtml vue.js 事件传值 子向父组件传值

    葫芦
  • WMRouter:美团外卖Android开源路由框架

    WMRouter是一款Android路由框架,基于组件化的设计思路,功能灵活,使用也比较简单。

    美团技术团队
  • css3 做一个会动的菜单 menu 按钮动画效果

    css3 做一个会动的菜单 menu 按钮动画效果 需要做一个会的动画按钮效果,小前端部知道如何实现,我看了一眼需要的效果,给他写了一个简单的 demo。 设计...

    FungLeo
  • Pycharm: 代码跳转如何回退 (小技巧)

    玩Python已经有段时间了, 一般都是通过vim和Pycharm来开发, 真心觉得这两个是神器. Vim神器暂且不说, 今天来分享Pycharm的一个小技巧.

    Lin_R
  • Vc数据库编程基础MySql数据库的表增删改查数据

        insert into 表名( 字段1,字段2...) Values(值1,值2...);

    IBinary
  • 调查研究显示:大多数美国人对网络安全问题不够了解

    当提及双重认证和隐私网页浏览时,大多数美国人并不知道从2FA中获取HTTPS来提高个人账户保护。

    FB客服
  • 共享个地图控件的样式

    源代码下载地址:http://download.csdn.net/detail/gisshixisheng/9008937

    lzugis
  • Python入门

    初学Python一直听别人说,Python是一门解释性语言,直到发现了.pyc文件的存在。如果是解释型语言,那么生成的.pyc文件是什么呢?c应该是compil...

    py3study

扫码关注云+社区

领取腾讯云代金券