Prechádzať zdrojové kódy

🎈 perf: 新开标签时、返回标签时,滚动条回到顶部,否则会保留上次标签的滚动位置。

preschooler 1 mesiac pred
rodič
commit
ee7c73b475
1 zmenil súbory, kde vykonal 9 pridanie a 1 odobranie
  1. 9 1
      src/router/index.ts

+ 9 - 1
src/router/index.ts

@@ -8,7 +8,15 @@ const router = createRouter({
   history: createWebHistory(import.meta.env.VITE_BASE_PATH), // createWebHashHistory URL带#,createWebHistory URL不带#
   strict: true,
   routes: remainingRouter as RouteRecordRaw[],
-  scrollBehavior: () => ({ left: 0, top: 0 })
+  scrollBehavior: () => {
+    // 新开标签时、返回标签时,滚动条回到顶部,否则会保留上次标签的滚动位置。
+    const scrollbarWrap = document.querySelector('.v-layout-content-scrollbar .el-scrollbar__wrap')
+    if (scrollbarWrap) {
+      // scrollbarWrap.scrollTo({ left: 0, top: 0, behavior: 'auto' })
+      scrollbarWrap.scrollTop = 0
+    }
+    return { left: 0, top: 0 }
+  }
 })
 
 export const resetRouter = (): void => {