fix(anchor-scroll): scroll inside nextTick (nuxt-modules#99)

farnabaz · Feb 24, 2021 · c516288 · c516288
1 parent 5280262
commit c516288
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/theme/components/templates/Toc.vue b/theme/components/templates/Toc.vue
@@ -64,8 +64,11 @@ export default {
     const hash = window.location.hash.replace('#', '')
     const hashIndex = this.sections.findIndex(section => section.id === hash)
     if (hash && hashIndex >= 0) {
-      scrollTo(0, document.querySelector(location.hash).offsetTop - 110) // 110 is the deafult value for `top-margin-scroll` in tailwind prose
-      this.setActive(hashIndex)
+      const offset = document.querySelector(location.hash).offsetTop - 110 // 110 is the deafult value for `top-margin-scroll` in tailwind prose
+      this.$nextTick().then(() => {
+        scrollTo(0, offset)
+        this.setActive(hashIndex)
+      })
     } else {
       this.onScroll()
     }