时间:2021-07-01 10:21:17 帮助过:10人阅读
滚动行为
什么是路由的滚动行为
当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样
注意: 这个功能只在 HTML5 history 模式下可用。在这个模式下我们需要启动一个服务
我们用scrollBehavior 方法来做路由滚动
scrollBehavior 方法接收 to 和 from 路由对象。第三个参数 savedPosition 当且仅当 popstate 导航 (通过浏览器的 前进/后退 按钮触发) 时才可用
下面我们做一个小案例来了解一下
效果
vue滚动小案例
相关推荐:
vue滚动轴插件better-scroll详解
以上就是vue滚动行为实例分析的详细内容,更多请关注Gxl网其它相关文章!