Nuxt 3中的滚动行为怪异跳跃

Question

所以我在Nuxt 3中配置了我的rouse.scrollBehaviour.ts文件。这是：

import { defineNuxtPlugin } from "#app";
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.$router.options.scrollBehavior = (to, from, savedPosition) => {
if (savedPosition) {
return savedPosition;
}
return { left: 0, top: 0, behaviour: "smooth" };
};
});

问题是，我认为它滚动的时间比页面加载的时间早，所以页面上有一种奇怪的跳跃效果。

以下是该问题的视频：https://user-images.githubusercontent.com/22452368/154849559-3974fc01-e265-486b-865b-55ee03053fa8.mp4

你能帮我一下这里出了什么问题吗？或者Nuxt 3中有漏洞吗？

Answer 1

您可以尝试这个新问题中提到的解决方案

// app/router.options.js
export default {
scrollBehavior() {
return { top: 0 }
},
}