Import the framework.

assets/js/_src/_commons/topbar-switch.js

@@ -0,0 +1,64 @@
+/*
+ * Hide Header on scroll down
+ * © 2018-2019 Cotes Chung
+ * MIT License
+ */
+$(function() {
+
+  var didScroll;
+  var lastScrollTop = 0;
+  var delta = 5;
+  var topbarHeight = $('#topbar').outerHeight();
+
+  $(window).scroll(function(event) {
+    if ($("#topbar-title").is(":hidden")) { // Not in small screens
+      didScroll = true;
+    }
+  });
+
+  setInterval(function() {
+    if (didScroll) {
+      hasScrolled();
+      didScroll = false;
+    }
+  }, 250);
+
+  function hasScrolled() {
+    var st = $(this).scrollTop();
+
+    // Make sure they scroll more than delta
+    if (Math.abs(lastScrollTop - st) <= delta)
+      return;
+
+    if (st > lastScrollTop && st > topbarHeight) {
+      // Scroll Down
+      $('#topbar').removeClass('topbar-down').addClass('topbar-up');
+
+      if ( $('#toc-wrap').length > 0) {
+        $('#toc-wrap').removeClass('topbar-down');
+      }
+
+      if ( $('.panel-group').length > 0) {
+        $('.panel-group').removeClass('topbar-down');
+      }
+
+      if ($('#search-input').is(':focus')) {
+        $('#search-input').blur(); // remove focus
+      }
+
+    } else {
+      // Scroll Up
+      if (st + $(window).height() < $(document).height()) {
+        $('#topbar').removeClass('topbar-up').addClass('topbar-down');
+        if ( $('#toc-wrap').length > 0) {
+          $('#toc-wrap').addClass('topbar-down');
+        }
+        if ( $('.panel-group').length > 0) {
+          $('.panel-group').addClass('topbar-down');
+        }
+      }
+    }
+
+    lastScrollTop = st;
+  }
+});