Des sauts étranges dans le comportement de défilement dans Nuxt 3

Question

J'ai donc configuré le fichier rouse.scrollBehaviour.ts dans Nuxt 3. Comme suit :

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

Le problème est que je pense qu'il défile plus tôt que le chargement de la page, il y a donc un effet de saut étrange sur la page.

Voici une vidéo du problème : https://user-images.githubusercontent.com/22452368/154849559-3974fc01-e265-486b-865b-55ee03053fa8.mp4

Pouvez-vous m'aider à voir ce qui ne va pas ici ? Ou y a-t-il un bug dans Nuxt 3 ?

Answer 1

Vous pouvez essayer la solution mentionnée dans la question suivante < /p>

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