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

scrollbehavior未生效

时间：2024-12-01 19:18:53 来源：互联网作者：

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

稀土掘金vue-router scrollBehavior的使用及使用无效的解决方案概览前言：使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置1.创建一个 Router 实例，可以用scrollBehavior 方法： // 路由配置项 const rou 展开2.注意事项(1) 使用该方法时，应该把项目的body的高度设定为100%，y轴方向滚动条显示；（我把html的高也设定100%了，于是导致功能无效）所以html的高度不用设定；展开来自 juejin.cn内容概览2.注意事项查看所有章节更多内容请查看https://juejin.cn/post/7085637321407594533

vue-router scrollBehavior无效的问题及解决方案然而, 实际操作中,发现document.body.scrollTop 一直未0, 查询资料. 传送门: [documentbodyscrollTop的值总为零的解决办更多内容请查看https://www.cnblogs.com/dfyg-xiaoxiao/p/10337557.html

vue-router scrollBehavior 不起作用的可能原因如果你先对 router -view使用了keep-alive ,然后在路由中添加了. 那么你加的scrollBehavior 就不会起作用，因为keeo-alive会缓存你的页面视图，所以你得去掉keep-alive，标记:Vue.jsScrollbehavior更多内容请查看https://blog.csdn.net/qq_38267287/article/details/94444553

vue-router scrollBehavior不起作用更多内容请查看https://segmentfault.com/q/1010000008343428

https://blog.csdn.net/weixin_46151022/article/details/vue-router scrollBehavior无效的问题及解决方案（1）vue-router scrollBehavior无效的问题及解决方案. （2）https://www.cnblogs.com/dfyg-xiaoxiao/p/10337557.html. 标记:Vue.jsScrollbehavior Vue 3Vue Router Scroll Behavior Example更多内容请查看https://blog.csdn.net/weixin_46151022/article/details/116017203

CSDN文库https://wenku.csdn.net/answer/4fbcc9f0363641c19181b0vue3中的scrollBehavior失效，无法滚动条顶部如果在Vue3中使用scrollBehavior时，无法将滚动条滚动到顶部，则可能存在以下问题：未正确设置路由配置中的scrollBehavior属性。确保在路由配置中设置了scrollBehavior 标记:ScrollbehaviorSavedposition更多内容请查看https://wenku.csdn.net/answer/4fbcc9f0363641c19181b0fcafe48006

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

简书vue-router scrollBehavior无效问题 scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition. } else { return { x: 0, y: 0 } } } } }) 作者在 issues 中说vue-router不再支持这个特性标记:Vue.jsSavedpositionaiaiv更多内容请查看https://www.jianshu.com/p/6250de179a13

SegmentFault 思否vue-router scrollBehavior无效的问题根据官方文档，后退时应该会获得savedPosition，并自动跳转回之前的位置，我这里console.log (savedPosition)有输出位置，但没有跳转过去. 但这应该不是正确的实践吧？标记:Vue.jsScrollbehavior Vue 3Vue Router Scroll Behavior Example更多内容请查看https://segmentfault.com/q/1010000007408113

Vue Routerhttps://router.vuejs.org//advanced/scroll-behavior.html滚动行为 | Vue Router2024年5月17日 · scrollBehavior 函数接收 to和 from 路由对象，如 Navigation Guards。第三个参数 savedPosition，只有当这是一个 popstate 导航时才可用（由浏览器的后退/前进按钮触发）标记:Vue.js滚动行为更多内容请查看https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html

推荐资讯

栏目更新

栏目热门