您当前的位置：首页 > 编程

vue scrollbehavior not working

时间：2025-02-24 12:57:30 来源：互联网作者：

AI导航网，AI网站大全，AI工具大全，AI软件大全，AI工具集合，AI编程，AI绘画，AI写作，AI视频生成，AI对话聊天等更多内容请查看 https://aiaiv.cn/

稀土掘金vue-router scrollBehavior的使用及使用无效的解决方案概览前言：使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义展开2.注意事项(1) 使用该方法时，应该把项目的body的高度设定为100%，y轴方向滚动条显示；（我把htm（2）需要记录高度的页面，还必须是有缓存的，不能返回页面后所有数据重展开来自 juejin.cn内容概览2.注意事项查看所有章节更多内容请查看https://juejin.cn/post/7085637321407594533

vue-router scrollBehavior无效的问题及解决方案在使用vue做单页面应用开发时候使用vue-router作为路由控制器在使用过程中发现每个页面打开都在原来的位置不能返回到页面顶部位置，然后查看api文档滚动行为发现更多内容请查看https://www.cnblogs.com/dfyg-xiaoxiao/p/10337557.html

https://blog.csdn.net/weixin_30322405/article/details/vue-router scrollBehavior无效的问题及解决方案在使用vue做单页面应用开发时候使用vue-router作为路由控制器在使用过程中发现每个页面打开都在原来的位置不能返回到页面顶部位置，然后查看api文档滚动行为发现更多内容请查看https://blog.csdn.net/weixin_30322405/article/details/99059644

vue-router scrollBehavior 不起作用的可能原因 Vue Router 中 ScrollBehavior 的巧妙用法在 Vue Router 中，ScrollBehavior 是一个非常有用的功能，它可以帮助我们在路由跳转时控制滚动行为。但是，如何正确地使用更多内容请查看https://blog.csdn.net/qq_38267287/article/details/94444553

vue-router scrollBehavior无效的问题及解决方案解决方案：检查您使用的路由版本，在vue-router4+版本scrollBehavior为了使其返回更像JS API，将其返回的对象调整与ScrollToOptions类似： x改名为left，y改名为top。更多内容请查看https://blog.csdn.net/kaylee1998/article/details/117064073

CSDN文库https://wenku.csdn.net/answer/4fbcc9f0363641c19181b0vue3中的scrollBehavior失效，无法滚动条顶部在Vue3中，可以使用 scrollBehavior 函数来控制路由切换时的滚动行为。该函数接收三个参数：to、from和savedPosition。其中，to表示目标路由对象，from表示当前路由对更多内容请查看https://wenku.csdn.net/answer/4fbcc9f0363641c19181b0fcafe48006

AI导航，AI网站大全，AI工具大全，AI工具导航,AI软件大全,AI工具集合,AI工具库,AI工具箱,AI图像生成和背景移除、AI视频制作、AI音频转录、AI辅助编程、AI音乐生成、AI绘画设计、AI对话聊天等更多内容请查看http://aiaiv.cn

hui.zone解决vue-scroll-behavior不生效问题 | 孙泽辉2023年4月28日 · 之前研究过vue-scroll-behavior源码，操作也都清楚，奈何配置好了，切换页面后无效，也不滚动到指定位置。正常来说，想要实现返回列表后保留原来位置，需要给列表页面添加keepAlive，保证数据切换页面不会丢失。随 aiapr.cn更多内容请查看https://hui.zone/post/b0379d51.html

代码先锋网在使用vue-router做导航路由时，发现每个页面打开都在原来的位置不能返回到页面顶部位置，然后查看API文档，滚动行为如下： scrollBehavior(to, from, savedPosition) { } else { 添加路由中更多内容请查看https://www.codeleading.com/article/75985620366/

极客教程Vue.js 提供了 scrollBehavior 选项，使开发者可以自定义滚动行为。通过使用该选项，我们可以控制页面滚动到特定元素或位置，也可以实现平滑滚动效果。更多内容请查看https://geek-docs.com/vuejs/vue-js-questions/626_vuejs_scroll_behaviour_vuejs_not_working_properly.html

推荐资讯

栏目更新

栏目热门