https://www.chiesaluterana.it/wp-content/themes/celi2025/dist/scri…/comunita-scroller.js?ver=1749194438

1gsap.registerPlugin(ScrollTrigger);
2
3
4(function ($) {
5    
6
7    $(window).on('load', function () {
8        gsap.matchMedia().add("(min-width: 992px)", () => {
9            const container = $(".comunita-scroller");
10            const list = $(".comunita-scroller .list ul");
11            const listHeight = list.outerHeight(); // Ottieni l'altezza totale della lista (inclusi padding e bordi)
12            const containerHeight = container.outerHeight(); // Ottieni l'altezza totale del container
13            const containerHeight2 = $(".comunita-scroller .list").outerHeight(); // Ottieni l'altezza totale del container
14
15            gsap.to(list, {
16                y: () => -(listHeight - containerHeight2 + 100), // Calcola la distanza da scorrere
17                scrollTrigger: {
18                    trigger: container,
19                    start: "top top",
20                    end: () => `+=${listHeight - containerHeight2 + 100}`, // Imposta l'end in base all'altezza della lista e del container
21                    pin: true,
22                    scrub: 1,
23                    pinSpacing: true,
24                    invalidateOnRefresh: true,
25                    markers: false //utile per debug
26                }
27            });
28        });
29        const imgContainer = $(".comunita-scroller .img-container");
30        $(".com-single").hover(
31            function() {
32                const postId = $(this).data("post-id");
33                imgContainer.children().hide(); // Nascondi tutte le immagini
34                $(".com-img[data-post-id='" + postId + "']").fadeIn(); // Mostra l'immagine corrispondente
35            }
36        );
37    
38    });
39
40
41})(jQuery);