function navbarToggleOnScroll() {
    var el = document.getElementById("navbar");
    if (window.pageYOffset >= 500) {
        el.classList.add("scroll");
    } else {
        el.classList.remove("scroll");
    }
 }; 
window.addEventListener("scroll", navbarToggleOnScroll);