maxmal

Hi Rodrigo, Thank you for the suggestion. I understand the logic behind wrapping the images and the subsequent element in a parent container to address the pinning issue. However, in the context of the project I'm working on, this solution isn't feasible. Here's why: There are instances where only a single button exists without any text below it. When pinned with its parent, the lack of content beneath creates white space that pushes other content (like the footer) downward. The project is constructed with stand-alone Vue components which are configured in the CMS. This means I can't easily wrap the subsequent component with the pinned one. Even if it was possible to wrap the next component with the pinned container, there are cases where the wrapped component might not have enough height to cover the resulting empty space. I appreciate your input and dedication to helping! ?

Hi @Rodrigo thanks a lot for taking a look and quick response. Thanks for sharing the information that animating an element that is a trigger is not the best practice, for sure will remember it. But still, this does not fix an issue. I've played around with different triggers and had no luck. Please find a screenshot in the attachment with some comments on it:

Hi GSAP community, Problem Description: I'm encountering an issue where the last animated element isn't revealing correctly alongside the buttons and text below. They only show up once the animation is fully completed. When viewing at 375px width (mobile view) with a large height, the issue is most pronounced. Check please CodePen on mobile screen sizes. My goal is for the top image to keep scrolling once it reaches the viewport's center, while the image beneath remains pinned until the top image's bottom edge aligns with the revealed image's top. What I've Tried: pinSpacing: false – Resulted in overlapping. anticipatePin: 1 – No effect. Adjusted parent display properties like flexand grid. Experimented with negative margins. Can anyone offer insights or suggestions???‍♂️ Thanks in advance!?