Dev Hardik
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Dev Hardik
-
-
Hello team,
I'm not fluent in English, so I've written my query in my native language and translated it to English.I've created three animations using GSAP ScrollTrigger:
- Text fadeup animation
- Horizontal scroll animation
- Color change animationThe animations work fine until section 3. In section 4, there are two animations: one for color change and the other for horizontal scroll with pinning. In section 4, I'm encountering an issue where the color animation completes early due to the horizontal scroll pinning.
Although I've provided a pinnedContainer, the fadeup animation isn't working after section 4. However, I've added the color change animation again after section 4, and it is working.
See the Pen YzgqeGV by dev-hardik71 (@dev-hardik71) on CodePen
I'm encountering an issue where some animations complete early due to the horizontal scroll pinning, even though I've provided a pinnedContainer.
in GSAP
Posted
@Cassie,
Thank you so much for your incredibly helpful guidance! Your explanation about organizing the ScrollTriggers using .sort() and the approach to adjusting the end trigger based on the pinned section was invaluable. I truly appreciate the time and effort you took to clarify the complexities I encountered in my animations.
Your expertise and support have provided me with a clear direction to enhance my project. I'm deeply grateful for your mentorship—it's been immensely beneficial!
Warm regards,
@Dev Hardik