feat: scroll active outline marker into view on activation

4 months ago · eb7498b3dc
parent 11a76961ee
commit eb7498b3dc
1 changed files with 1 additions and 0 deletions
--- a/src/client/theme-default/composables/outline.ts
+++ b/src/client/theme-default/composables/outline.ts
@ -197,6 +197,7 @@ export function useActiveAnchor(

    if (activeLink) {
      activeLink.classList.add('active')
+      activeLink.scrollIntoView({ behavior: 'smooth', block: 'center' })
      marker.value.style.top = activeLink.offsetTop + 39 + 'px'
      marker.value.style.opacity = '1'
    } else {