vanquer

Hi, @OSUblake Yeah I know that it might seems a bit complicated, I think ScrollTrigger is the correct tool, because I need to have snap scroll and multiple scroll triggers and some timeline animations. The tricky part is this first section, that needs to be triggered by the scroll, but it is in the viewport, the rest is quite easy.

Hi, I'm currently trying to figure out how to chain multiple scrolltrigger timelines to play reversible. Play works as expected, but everything breaks when I'm trying to add reverse in toggleActions on each ScrollTrigger, so i have to reset everything back to top. When I'm trying to scroll from footer to last section it jumps to the top of the page. I'm new in GSAP, so maybe I'm doing something wrong, I hope that someone knows how to reverse that ScrollTrigger Timelines.

Because this section will be fluid on screen, it will show other elements (like image, description etc.) when is ready. Maybe it does not have to be translated down, but for start it needs to sit onto this blue background section. When user scrolls up to the top it should come back to the previous state (when first section is circled again). So this first section fit to the question: How to scroll through the section, which is moved 100% up, so it does not have its own scroll height (because it sits on blue section which is first and is 100vh aswell).

@OSUblake To be honest, I don't have anything that I could show you except of my pen. I've searched a lot to fit my concept, but unfortunately anything was close. Firstable, I want to be able to scroll snap through the sections. Secondly, when user slightly scrolls the page, first section should move down 100vh, be fluid (clip path 75%) and snap to the center. But without this spacer underneath. Then user can scroll snap through the 2 and 3 section. I hope that I explained it enough to be able to understand this concept.

Hi, I'm trying to scroll snap with scrolling through first section which is translated into Intro Section. Snapping just stops working after First Scrolling is done and I do have this blank section under Intro and translated one. On first slight scroll it should fluid this rounded section without blank spacer underneath, then after it should snap normally to 2 and 3 section. Lastly on scroll to the top, rounded section should be translated again, but how could I achieve this effect?

Hi, I'm trying to get some ideas of how to make scroll animation with GSAP like this: https://goodmeat.co/purpose [Section "Human Health"]. When you scroll through this section, the rounded image turns into full background with content. Have you some examples, that could just help me? I was searching a lot on codepen, but I couldn't find something that just works likewise