diff --git a/index.html b/index.html
index 4bd428f..5dcb245 100644
--- a/index.html
+++ b/index.html
@@ -367,6 +367,7 @@ <h5>Aligarh</h5>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
         crossorigin="anonymous"></script>
+    <script src="./index.js"></script>
 </body>
 
 </html>
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..c3ed1f8
--- /dev/null
+++ b/index.js
@@ -0,0 +1,16 @@
+let lastScrollTop = 0;
+const navbar = document.querySelector('.navbar');
+
+window.addEventListener('scroll', function() {
+    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+    
+    if (scrollTop > lastScrollTop) {
+        // Scrolling down
+        navbar.style.top = '-80px'; // Adjust height accordingly
+    } else {
+        // Scrolling up
+        navbar.style.top = '0';
+    }
+    
+    lastScrollTop = scrollTop;
+});