How to animate the elements one by one?

[hybreeder 0 Likes (Newbie)]

Hello,

 

I have logo and content on my website. I am able to animate the logo and content on page load.

I am using the scroll magic plug-in because when the user scrolls the mouse wheel than animate the elements.

Now the issue is, My animation is working together, I mean I have to animate first content then I have to animate the logo. After complete, the animation logo than again I have to animate the content. I tried some code but not working.

 

This is my task

I have to animate the header content from bottom to top 70% linearly. then I have to animate logo 50% from top to bottom, and then cross. then again I have to animate the content bottom to top which is the last content.

 

Please help me out with this issue.

 

 

 

See the Pen EbMoqB by Narendra_verma (@Narendra_verma) on CodePen

[Carl 9,066 Likes (Superhero)]

Sorry, but I'm quite confused and don't really understand what you are asking. This seems to be almost the same question you've asked in multiple threads.

You seem to understand tweens and timelines just fine, and again, this looks like more of an issue with how you are building your ScrollMagic scenes and triggers.

 

 

[hybreeder 0 Likes (Newbie)]

I just need to scroll the elements. I mean first, scroll the content with animation once complete it then scroll the logo animation. Now content and logo both are animated at the same time.

 

When I am scrolling the mouse wheel then my all the TimelineLite script is working. I have to do this one by one

[hybreeder 0 Likes (Newbie)]

Can anyone help me out in this issue? Please