Javascript function added to keep navigation bar sticked to the top when scrolling

2024-04-07 04:59:09 -06:00
parent 2ad2b6706e
commit db748a38f9
3 changed files with 47 additions and 0 deletions
--- a/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
+++ b/ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
@@ -2,4 +2,11 @@
    background-color: hsl(0, 98%, 40%);
    
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
+}
+
+.sticky {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1000; /* Adjust as needed */
 }