Sha256: 41d26fdba97cd302e93d427e72ad05357b74c31da0d2b7403d12b03616f057fc
Contents?: true
Size: 674 Bytes
Versions: 9
Compression:
Stored size: 674 Bytes
Contents
// Hides the navbar when scrolling down half a page and shows it when scrolling up
window.onload = function() {
let lastScrollTop = 0;
const navbar = document.getElementById('navbar');
window.addEventListener('scroll', function() {
let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
let halfPageHeight = window.innerHeight / 2;
if (scrollTop > lastScrollTop && scrollTop > halfPageHeight) {
navbar.classList.add('hide-navbar');
navbar.classList.add('fixed-navbar');
} else {
navbar.classList.remove('hide-navbar');
}
lastScrollTop = scrollTop;
});
}
Version data entries
9 entries across 9 versions & 1 rubygems