feat: active outline link scroll to page center

6 months ago · f7fde3a468
parent d07298120b
commit f7fde3a468
1 changed files with 4 additions and 0 deletions
--- a/src/client/theme-default/composables/outline.ts
+++ b/src/client/theme-default/composables/outline.ts
@ -170,6 +170,10 @@ export function useActiveAnchor(
      activeLink.classList.add('active')
      marker.value.style.top = activeLink.offsetTop + 39 + 'px'
      marker.value.style.opacity = '1'
+      activeLink.scrollIntoView({
+        block: 'center',
+        inline: 'nearest'
+      })
    } else {
      marker.value.style.top = '33px'
      marker.value.style.opacity = '0'