|
|
| Line 24: |
Line 24: |
| | } | | } |
| | | | |
| − | // When the user scrolls the page, execute myFunction
| |
| − | window.onscroll = function() {myFunction()};
| |
| − |
| |
| − | // Get the navbar
| |
| − | var navbar = document.getElementById("navbar");
| |
| − |
| |
| − | // Get the offset position of the navbar
| |
| − | var sticky = navbar.offsetTop;
| |
| − |
| |
| − | // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
| |
| − | function myFunction() {
| |
| − | if (window.pageYOffset >= sticky) {
| |
| − | navbar.classList.add("sticky")
| |
| − | } else {
| |
| − | navbar.classList.remove("sticky");
| |
| − | }
| |
| − | }
| |
| | | | |
| | #logo_image | | #logo_image |
