Jump to content


TimelineLite not working (latest library)

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

Hi Guys,


I just wanted to share an issue I was faced with yesterday, incase it helps anyone else experiencing the same problem.


After successfully creating tweens with tweenlite, I wanted to convert my code to timelineLite format. On doing so my animation stopped working.


After several hourse of debugging, I eventually got it o work. The problem was with the Tweenmax library I was referencing. I was referencing the latest library, however changing the library to 1.8.4 resolved my issue.


The library was present but for some reason my animation would not start.


My code was in the format:

$('document').ready(function() {   
var tl = new TimelineLite();
tl.to(element, 2, {autoAlpha:1})

Someone may have a better insight as to exactly why it did this...




Link to comment
Share on other sites



Thanks for trying to bring an issue to our attention.

There isn't anything in your code, as is, that would reveal an issue that we can replicate or fix.


If you'd like to help further, please follow these instructions to create a simple demo that illustrates the problem:





Link to comment
Share on other sites

Wes, are you loading TweenMax (or TweenLite and CSSPlugin)? I wonder if maybe when you shifted to using TimelineLite, you ONLY loaded that one js file and stopped loading TweenMax or TweenLite and CSSPlugin. That'd certainly explain why things would stop working. TimelineLite requires TweenLite (or TweenMax) and since you're animating CSS properties, you need CSSPlugin too (which is already inside TweenMax)


Like Carl said, please create a simple codepen and we'd be happy to help. 

Link to comment
Share on other sites

Hi Both,


Thank you for your replies.


I had all libraries present just incase. I recreated the codepen the isolated code worked. I'll do some more digging. There must be something else causing a conflict.


I'll let you know my findings!

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.