Browse Source

fix: handle anchor links within the page contents (#1006)

Nick 5 years ago
parent
commit
cc469d8785
1 changed files with 8 additions and 0 deletions
  1. 8 0
      client/themes/default/components/page.vue

+ 8 - 0
client/themes/default/components/page.vue

@@ -314,6 +314,14 @@ export default {
       if (window.location.hash && window.location.hash.length > 1) {
         this.$vuetify.goTo(window.location.hash, this.scrollOpts)
       }
+
+      this.$refs.container.querySelectorAll(`a[href^="#"], a[href^="${window.location.href.replace(window.location.hash, '')}#"]`).forEach(el => {
+        el.onclick = ev => {
+          ev.preventDefault()
+          ev.stopPropagation()
+          this.$vuetify.goTo(ev.target.hash, this.scrollOpts)
+        }
+      })
     })
   },
   methods: {