I have recently tried the GSAP scroll trigger timeline to animate my footer. But I found out that my footer start and end are bine together at the bottom.
var tl3 = gsap.timeline({
scrollTrigger: {
trigger: ".home-footer",
start: "top center",
end: "bottom bottom",
toggleActions: "play none none reset",
markers: true,
},
});
I am new to GSAP scroll trigger and have been finding this answer for so long, can anyone help me to solve this? Thanks.