Lompatan aneh dalam tingkah laku menatal dalam Nuxt 3

Question

Jadi saya mengkonfigurasi fail rouse.scrollBehaviour.ts dalam Nuxt 3. Seperti berikut:

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

Masalahnya saya rasa ia menatal lebih awal daripada halaman dimuatkan jadi ada kesan lompatan yang pelik pada halaman.

Berikut ialah video isu tersebut: https://user-images.githubusercontent.com/22452368/154849559-3974fc01-e265-486b-865b-55ee03053fa8.mp4

Bolehkah anda membantu saya melihat apa yang salah di sini? Atau adakah terdapat pepijat dalam Nuxt 3?

Answer 1

Anda boleh mencuba penyelesaiannya disebutkan dalam soalan nuxt

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