https://kphvie.ac.at/_assets/d058fbae76fda32738e087690448920c/JavaScript/parallaxFooter.js?1769188406

1// Javascript
2document.addEventListener("DOMContentLoaded", function() {
3    const placeholder = document.querySelector('.placeholder');
4    const footer = document.querySelector('.footer-wrapper');
5
6    // On DOMContentLoaded, set placeholder height to be equal to footer height
7    updateHeight();
8
9    window.addEventListener('resize', onResize);
10
11    // On window resize, update placeholder height to be equal to footer height
12    function onResize() {
13        updateHeight();
14    }
15
16    function updateHeight() {
17        // Placeholder should always match footer height
18        if ( document.querySelector('.placeholder')){
19            placeholder.style.height = `${footer.offsetHeight}px`;
20            //console.log("placeholder height updated " + placeholder.style.height);
21        }
22    }
23})
24
25// JQuery
26// Catch scroll event
27jQuery( window ).scroll(function(event) {
28    var scroll = jQuery(window).scrollTop();
29    //console.log(scroll);
30    // If user didn't scroll 500px
31    // if (jQuery(this).scrollTop()<500) {
32    //     jQuery(".intro-video-container" ).show();
33    // } else {
34    //     // If user scrolled 500px
35    //     jQuery(".intro-video-container" ).hide();
36    // }
37});