commit 4e7cd1d444f50600973179265f8975f6bb08bfdf
author Uyen-Nhu Tran <125201939+uyen-nhu@users.noreply.github.com> Wed Apr 10 11:15:39 2024 +0200
committer Uyen-Nhu Tran <125201939+uyen-nhu@users.noreply.github.com> Wed Apr 10 11:15:39 2024 +0200
tree 420dd4b8cee71f6d95efde9842555f729cde4a32
parent 51fdcce8448ddfd3f04d31bdb48a8bd3062d4338

added scroll functionality for navbar: hide on scroll down, show on scroll up

dev/js/src/init.js

diff --git a/dev/js/src/init.js b/dev/js/src/init.js
index 6243bc7..5b0e7d1 100644
--- a/dev/js/src/init.js
+++ b/dev/js/src/init.js
@@ -127,6 +127,19 @@
       }
     );
 
+    // Hide and show navbar on scroll
+    let prevScrollPos = window.scrollY;
+
+    window.onscroll = function() {
+      let currentScrollPos = window.scrollY;
+      if (prevScrollPos > currentScrollPos) {
+          document.querySelector('.navbar').style.top = '0';
+      } else {
+          document.querySelector('.navbar').style.top = '-3rem';
+      }
+      prevScrollPos = currentScrollPos;
+    }
+
     /**
      * Replace Virtual Corpus field
      */