所以我在 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" }; }; });
問(wèn)題是我認(rèn)為它的滾動(dòng)早于頁(yè)面加載,因此頁(yè)面上有奇怪的跳躍效果。
這是該問(wèn)題的視頻: https://user-images.githubusercontent.com/22452368/154849559-3974fc01-e265-486b-865b-55ee03053fa8.mp4
你能幫我看看這里有什么問(wèn)題嗎?或者 Nuxt 3 中存在錯(cuò)誤嗎?
您可以嘗試nuxt問(wèn)題中提到的解決方案
// app/router.options.js export default { scrollBehavior() { return { top: 0 } }, }
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)