Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Gaurav Prabhu

Members
  • Content Count

    4
  • Joined

  • Last visited

Community Reputation

1 Newbie

About Gaurav Prabhu

  • Rank
    Newbie
  1. Really thanks for the prompt reply. Will try that out. I was having another problem where all the elements were getting animated at once instead of animating when in the viewport. Could you please check the pen, look at the ScrollTrigger create function and tell me if there's anything wrong that I'm doing?
  2. Hey Zach, Thanks for the reply. Really sorry for not attaching the pen before. I have created a pen below. I'm still not sure if you could understand what I want exactly. I'll describe it for you. Once the loader animation is complete, I want to fade in the elements for the first section. I want the same fade in animations to happen for rest of the section elements on scroll whenever they are in the viewport. Right now I guess the first section animation doesn't happen because it is also controlled by the ScrollTrigger plugin. I'm using refs instead of classes as I'm using react. Help ap
  3. Hello guys, Just started my first gsap project using react js. There is a loader which is visible at the initial load and I pass a flag prop to the main component once the loader disappears. Once this flag is received by the main component, I play the timeline using the play method. In the timeline I'm fading in multiple elements present in the section. I'm facing a problem where this timeline is a part of the ScrollTrigger animation which happens on every section scroll. So for the first screen, as soon as the loader disappears the animation is already complete as the ScrollTrigger co
×