Seltsame Sprünge im Scrollverhalten in Nuxt 3

Question

Also habe ich die Datei rouse.scrollBehaviour.ts in Nuxt 3 konfiguriert. Wie folgt:

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" };
  };
});

Das Problem besteht meiner Meinung nach darin, dass der Bildlauf früher erfolgt, bevor die Seite geladen wird, sodass auf der Seite ein seltsamer Sprungeffekt auftritt.

Hier ist ein Video des Problems: https://user-images.githubusercontent.com/22452368/154849559-3974fc01-e265-486b-865b-55ee03053fa8.mp4

Können Sie mir helfen herauszufinden, was hier falsch ist? Oder gibt es einen Fehler in Nuxt 3?

Answer 1

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

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