Catherinepan (Talk | contribs) |
Catherinepan (Talk | contribs) |
||
Line 22: | Line 22: | ||
.sticky + .content { | .sticky + .content { | ||
padding-top: 60px; | padding-top: 60px; | ||
+ | } | ||
+ | |||
+ | // 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"); | ||
+ | } | ||
} | } | ||
Revision as of 23:36, 15 October 2018