Jump to content
GreenSock

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

How to instantly apply all classes from Timeline?

Recommended Posts

Hello.

I have a one-page site on which the landing is done through animation. transition through the navbar. when you want to go to a new page, the transition animation starts. there are 5 such pages and, accordingly, animated scenes also 5. I would like that after one viewing of the scene, when I return to it, the animation does not occur and all CSS styles from timeline are applied instantly. the problem is that each subsequent scene is associated with the previous one and you need to roll back the styles to the right moment.

tlFirstScene = new TimelineMax({paused: false}),
tlSecondScene = new TimelineMax({paused: true}),
tlThirdScene = new TimelineMax({paused: true}),
tlFourthScene = new TimelineMax({paused: true}),
tlFifthScene = new TimelineMax({paused: true});

 

Share this post


Link to post
Share on other sites

Welcome to the forums @kkhalilov

 

I'm not entirely sure I understand your question, especially without seeing anything in context in a codepen, but you have total control over the timelines - you can make one jump to the end like timeline.progress(1) or to the beginning like timeline.progress(0). 

 

If you still need help, please provide a little more context (hopefully in a super simple codepen - it doesn't need to be your whole project, just the minimum required to illustrate the concept/challenge). 

 

Happy tweening!

  • Like 2
  • Thanks 1

Share this post


Link to post
Share on other sites

Thank you very much for the quick and high-quality response.

Your answer helped me a lot.

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.

×