Merge pull request #77 from edrthomas/scroll

Add scrolling, fixes #61
mp4ra · Jul 19, 2019 · 61cda9a · 61cda9a
2 parents 2b24d7a + bd27917
commit 61cda9a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/scripts/build.sh b/scripts/build.sh
diff --git a/src/components/table.js b/src/components/table.js
@@ -3,6 +3,11 @@ var fs = require('fs');
 module.exports = { 
   props: ['data', 'columns'],
   methods: {
+    scrollFix: function(anchor) {
+      setTimeout(() => $('html, body').animate({
+        scrollTop: document.querySelectorAll('[name="' + anchor + '"]')[0].getBoundingClientRect().top - 70 + window.pageYOffset || document.documentElement.scrollTop
+      }, 1000), 1)
+    },
     hasHTMLLink: function(string) {
       if(string !== undefined) {
         return string.includes("href");

diff --git a/src/components/table.vue b/src/components/table.vue
@@ -37,7 +37,7 @@
       </td>
       <td v-if="columns.indexOf('specification') !== -1">
         <div v-if="item.specificationAnchor">
-          <router-link class="nav-link" to="/references">
+          <router-link class="nav-link" to="/references" @click.native="scrollFix(item.specificationAnchor)"">
             {{ item.specification }}
           </router-link>
         </div>