KI-Kunst-Kirsten-Kloeckner/KIKunstKirstenKlöckner/wwwroot/js/animator.js

function initScrollAnimations(elements) {
    function checkVisibility(element) {
        const rect = element.getBoundingClientRect();
        return rect.top < window.innerHeight && rect.bottom >= 0;
    }

    function animateElements() {
        elements.forEach(element => {
            if (checkVisibility(element)) {
                element.classList.add('visible');
            }
        });
    }

    window.addEventListener('scroll', animateElements);

    animateElements();
}


function scrollToElement(elementId) {
    var element = document.getElementById(elementId);
    if (element) {
        element.scrollIntoView({ behavior: 'smooth' });
    }
}


function initHeroAreaScrollAnimation(scrollToElementId) {
    const heroArea = document.querySelector('.hero_area');
    const heroAreaHeight = heroArea.offsetHeight;
    const threshold = heroAreaHeight / 1.75;

    function onScroll() {
        if (window.scrollY > threshold) {
            heroArea.classList.remove('hero-area-visible');
            heroArea.classList.add('hero-area-hidden');
        } else {
            heroArea.classList.remove('hero-area-hidden');
            heroArea.classList.add('hero-area-visible');
        }
    }

    window.addEventListener('scroll', onScroll);

    // Rückgabe einer Funktion zum Entfernen des Event-Listeners
    return () => {
        window.removeEventListener('scroll', onScroll);
    };
}