Hey guys,
this is my first time working with GSAP and ScrollTriggers. Up until now, I usually hacked together my own scroll handler and was never quite happy with the result.
I'm having some troubles getting the exact effect I want to happen.
What I would want to happen ideally is the following.
When first scrolling to the section with the text and image, I would like for them both to fade in from {opacity 0, translateY: 100px}.
For the following ".point" divs, I would want the image on the right to be replaced with the next image with a cross fade, and the text should also cross fade but also with some vertical motion (e.g. new text from {translateY:100px} old text going to {translateY: -100px}.
The indicators on the left should ideally also change to active, as soon as we reach the section.
From what I have seen in previous discussions, this community seems to be quick to help,
Thank you in advance!