Nuxt 3 中滾動行為奇怪的跳躍
P粉885562567
P粉885562567 2024-03-25 23:22:30
0
1
401

所以我在 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 中存在錯誤嗎?

P粉885562567
P粉885562567

全部回覆(1)
P粉696146205

您可以嘗試nuxt問題中提到的解決方案

// app/router.options.js
export default {
  scrollBehavior() {
    return { top: 0 }
  },
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板