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

您可以尝试nuxt问题中提到的解决方案

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