Jump to content


Update elements of a timeline

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Can i change the elements of a timeline?
I'm removing all canvas elements from #bg1 and then adding new ones. How can i update the existing timeline?
var tl = new TimelineMax({paused:true})                               
            .add(new TimelineMax()
                  .staggerFromTo($('#bg1 canvas'), 2, 
                           {css: {autoAlpha:1}},
                           {css: {autoAlpha:0}


Link to comment
Share on other sites

I don't quite understand your question - are you asking how you can change the target of a tween after instantiating it? If so, that isn't possible because the tween instance records information that's specific to that target object.It's better to just create a new tween. 

Link to comment
Share on other sites

Thanks Jack.

I made a function that creates the tween.

Works fine!


I'm developing my new website.

Soon it will be part of the GreenSock Showcase :D

This tool is amazing!

  • Like 2
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.