in

Pure JavaScript functions to detect scroll height for sticky header

let navbar = document.querySelector('.navbar');
let navChangePoint = 100;
function stickyNav() {
	if (window.scrollY >= navChangePoint) {
		navbar.classList.remove('transparent-header');
	} else {
		navbar.classList.add('transparent-header');
	}
}