vue面试题:切换到新路由时,页面要滚动到顶部或保持原先的滚动位置怎么做呢?

拿铁咖啡2022-03-07 17:05

vue面试题:切换到新路由时,页面要滚动到顶部或保持原先的滚动位置怎么做呢?

答案1:

滚动到顶部:在new Router()的时候,配置
scrollBehavior(to, from, savedPosition) {
return { x: 0, y: 0 }
}

答案2:

通过router 的meta来记录需要保存滚动条的位置,在new VueRouter()时调用scrollBehavior(to, from, savedPosition) {return { x: 0, y: 0 }}的方法

答案3:

ickt-5:
vue-router 页面切换后保持在页面顶部而不是保持原先的滚动位置的办法:
https://www.cnblogs.com/kugeliu/p/7172042.html
vue2.0路由切换后页面跳转后新页面滚动位置不变BUG(滚动条回到顶部的位置):
https://blog.csdn.net/ZHIYUANfL/article/details/79241655
返回到上次滚动位置:
https://blog.csdn.net/yan263364/article/details/84402595

答案4:

在路由实例中配置
scrollBehavior(ro,form,savedPosition){
//滚动到顶部
return {x:0,y:0}
//保持原先的滚动位置
return {selector:falsy}
}

以上就是小编为大家整理的《vue面试题:切换到新路由时,页面要滚动到顶部或保持原先的滚动位置怎么做呢?》一文,更多相关信息尽在开课吧IT技术频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营