Difference between revisions of "Template:British Columbia/Navbar"

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