Jump to content

Moises Arrona

How can I make a timeline end when I finish all the animation and it is not interrupted by the next timeline?

Recommended Posts

I have a problem, when creating 2 timelines the first animation line is interrupted by the second line, I would like it to finish and continue with the next timeline without being interrupted.

I have tried: "const {innerHeight} = window" but when the timeline is too long it gets interrupted by the next timeline


is there another way to do it?

See the Pen vYmYgqr by MoisesA (@MoisesA) on CodePen

Link to comment
Share on other sites

I read your question a few times and looked at your CodePen but I'm lost - what do you think is getting interrupted and why do you think that? What exactly are you expecting to happen that isn't happening? What does innerHeight have to do with it? 

Link to comment
Share on other sites

  • 2 weeks later...
On 28/6/2021 at 17:03, GreenSock said:

Leí tu pregunta varias veces y miré tu CodePen, pero estoy perdido. ¿Qué crees que se interrumpe y por qué piensas eso? ¿Qué esperas que suceda exactamente que no está sucediendo? ¿Qué tiene que ver innerHeight con esto? 

When you made a timeline that has many animations, it interrupts another timeline, example:

timeline () .to () * 40 animation

timeline () .to () * 10 animation

the first animation is interrupted by the second, try to fix it with end in scrollTrigger with no result

Link to comment
Share on other sites

Can you please a make a minimal demo? It's impossible to answer without seeing what you're doing.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.