perf(theme): improve scroll behavior

pengzhanbo · Oct 4, 2024 · b515175 · b515175
1 parent cd533d6
commit b515175
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/theme/src/client/composables/scroll-behavior.ts b/theme/src/client/composables/scroll-behavior.ts
@@ -4,11 +4,13 @@ import { inBrowser } from '../utils/index.js'
 import { useScrollPromise } from './scroll-promise.js'
 
 export function enhanceScrollBehavior(router: Router) {
-  // handle scrollBehavior with transition
-  const scrollBehavior = router.options.scrollBehavior!
-  router.options.scrollBehavior = async (...args) => {
+  router.options.scrollBehavior = async (to, from, savedPosition) => {
     await useScrollPromise().wait()
-    return scrollBehavior(...args)
+    if (savedPosition)
+      return savedPosition
+    if (to.hash)
+      return { el: to.hash, top: 64 }
+    return { top: 0 }
   }
 
   router.beforeEach(() => {

diff --git a/theme/src/node/plugins/getPlugins.ts b/theme/src/node/plugins/getPlugins.ts
@@ -47,8 +47,6 @@ export function getPlugins({
     activeHeaderLinksPlugin({
       headerLinkSelector: 'a.outline-link',
       headerAnchorSelector: '.header-anchor',
-      delay: 200,
-      offset: 5,
     }),
     markdownHintPlugin({ hint: true, alert: true, injectStyles: false }),