Prevent the top bar from covering the heading when scrolling down (in mobile views)

_javascript/utils/smooth-scroll.js

@@ -21,8 +21,15 @@ $(function() {
     .not("[href='#']")
     .not("[href='#0']")
     .click(function(event) {
-      if (this.pathname.replace(/^\//, "") === location.pathname.replace(/^\//, "")) {
+
-        if (location.hostname === this.hostname) {
+      if (this.pathname.replace(/^\//, "") !== location.pathname.replace(/^\//, "")) {
+        return;
+      }
+
+      if (location.hostname !== this.hostname) {
+        return;
+      }
+
       const hash = decodeURI(this.hash);
       let toFootnoteRef = RegExp(/^#fnref:/).test(hash);
       let toFootnote = toFootnoteRef ? false : RegExp(/^#fn:/).test(hash);
@@ -33,7 +40,10 @@ $(function() {
       let isAnchor = RegExp(/^H\d/).test(parent);
       let isMobileViews = !$topbarTitle.is(":hidden");
 
-          if (typeof $target !== "undefined") {
+      if (typeof $target === "undefined") {
+        return;
+      }
+
       event.preventDefault();
 
       if (history.pushState) { /* add hash to URL */
@@ -56,6 +66,11 @@ $(function() {
         if ((isAnchor || toFootnoteRef) && isMobileViews) {
           destOffset -= topbarHeight;
         }
+
+      } else {
+        if (isMobileViews) {
+          destOffset -= topbarHeight;
+        }
       }
 
       $("html").animate({
@@ -93,9 +108,5 @@ $(function() {
           }
         }
       });
-          }
-        }
-      }
-
     }); /* click() */
 });