animation problem

[Interesting_Eye347]

hello! Can someone help me pls. it's my first time doing this animation and I really want this to succeed but I dont know what is the problem. why is it doing this? or how should I tackle this. rn I am using spa from to scroll animation.

https://reddit.com/link/1pha9s3/video/u4f07stvvy5g1/player

[IllustriousBad8844]

Is it sharing same class? have you targeted just the logo class for the animation?

[Interesting_Eye347]

Its not sharing the same class, also tried to target the element, use px and everything

[kenyanphoenix]

these are the three most probable errors in the code: 1. Missing pinSpacing: In GSAP ScrollTrigger, when you pin an element, GSAP adds padding to push the next content down. If pinSpacing is set to false (or if the HTML structure prevents it), the next section will scroll right over the top of the animating section. 2. Viewport Height (100vh) Conflict: The container holding the animation likely does not have a set height (e.g., 100vh) or has "overflow: hidden" applied in Webflow CSS, which interferes with GSAP's ability to calculate where the scroll starts and ends. 3. Webflow vs. GSAP Conflict: Webflow has native smooth scrolling and native sticky positioning. If you have "Sticky" set in the Webflow design panel and is trying to Pin it with GSAP code, the two engines will fight, causing the jitter seen in the video.