Moving timeline to the end, then reversing

[zachschnackel]

Hi all!

 

This is more of a general question, but I'll explain my use-case.

 

I have a component that has a timeline attached to it. This component is visible to start, but the timeline itself visually removes it from the page (a dismissible alert). In a particular case, I need to utilize both the reverse, then the forward action immediately. So, I am looking for a way to start the timeline at the end, reverse it, then play it. I've looked into both `time()` and `progress()` but when I run those, they seem to be accelerating "to" that point, instead of just plain setting the time, like `TweenMax.set()` would. Perhaps I've been approaching this wrong, but if anyone has an idea how to set that timeline to be at the end by default, I'd really appreciate it. Thanks!

[Shaun Gorneau]

.progress(1) should go right to the very end of the timeline with no amount of tweening. That is unless progress itself is being tweened; e.g.

vat tl = new TimelineMax();
TweenMax.to( tl, 1, {progress:1} );

Do you have a codepen illustrating your issue?

[PointC]

I'm not sure I completely understand the question, but you should be able to use:

tl.reverse(0);

As Shaun mentioned, a CodePen would be most helpful.

 

Happy tweening.

[zachschnackel]

I think I had some conflicting resize listeners that was firing off the progress timer that was getting in the way. Making this a more vanilla test worked as it should. Thanks both for helping!