fix anchor navigation for safari

2020-11-20 00:11:13 +01:00
parent 4ec26623bc
commit e756cfae94
2 changed files with 5 additions and 1 deletions
--- a/docs/gridsome.client.js
+++ b/docs/gridsome.client.js
@@ -13,7 +13,10 @@ export default function (Vue, options, context) {
      setTimeout(() => {
        const element = document.getElementById(to.hash.substr(1))
        const top = element.offsetTop
-        const offset = parseFloat(getComputedStyle(element).scrollMarginTop)
+        const offset = parseFloat(
+          getComputedStyle(element).scrollMarginTop
+          || getComputedStyle(element).scrollSnapMarginTop,
+        )

        window.scrollTo(0, top - offset)
      }, 0)
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -61,6 +61,7 @@ body {

 *[id] {
  scroll-margin-top: 6rem;
+  scroll-snap-margin-top: 6rem;
 }

 button {