app.js

/* --navigation bar-- */

const navbar = document.querySelector('.header');
window.onscroll = () => {
    if (window.scrollY > 200) {
        navbar.classList.add('nav-active');
    } else {
        navbar.classList.remove('nav-active');
    }
};