Nuxt JS中的路由更改时页面不滚动到顶部答案

【问题标题】：Page not scrolling to top when route changes in Nuxt JSNuxt JS中的路由更改时页面不滚动到顶部
【发布时间】：2021-12-22 10:40:57
【问题描述】：

当路由随 Nuxt 更改时，我试图始终位于页面顶部。

所以我把它放到了我的app/router.scrollBehavior.js 文件中：

export default function (to, from, savedPosition) {
  return { x: 0, y: 0 }
}

但它总是返回到最后保存的位置（顺便说一下，在我的控制台中总是null）。

知道我会在这里错过什么吗？

【问题讨论】：

这能回答你的问题吗？ How not to scroll up page after changing route in Nuxt js
谢谢@kissu，但没有。我想要完全相反的行为：总是向上滚动，甚至更好（可能有过渡），总是到达页面顶部而不滚动。
嗨，你打开了链接的问题吗？它的名字很糟糕，但仍然请给它读一读。因为最后，它解释了整个滚动行为在 Nuxt 中是如何工作的，因此无论您在此处尝试实现什么，您都应该能够让它工作。
嗨@kissu，不，我没有，但我现在要这样做，然后给你我的反馈。感谢您的链接:)
是的，我正在考虑制作一个密码箱，也许我会在这个过程中理解一些重要的东西:)

【解决方案1】：

根据文档：

The router.scrollBehavior.js file must be in the app folder, which in turn is in the project's root.

文件应命名为 router.scrollBehavior.js。

你可以在这个函数中 console.log 一些东西并检查它是否有效。

【讨论】：

【解决方案2】：

最后，GSAP 与 OP 的滚动行为发生冲突。
删除它，解决了与 Nuxt 相关的所有问题，router.scrollBehavior.js 文件实际上没有任何问题。

【讨论】：