Jump to content
Search Community

Unknown delay appearing in TimelineMax

padders test
Moderator Tag

Go to solution Solved by Carl,

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, 
 
I've been playing with your cursor demo and trying to incorporate it into a TimelineMax (just to get me started as I'm new to all of this). I'm seeing some random delay though in between the cursor stopping blinking, and the text actually being typed and I can't narrow down where it's coming from as it doesn't seem to happen in the original Codepen (although there were some errors in that for some reason!)
 
In addition to that, Chrome is getting a lot of the following messages, these happen at the same time as the delay so I've obviously got something mixed up.

invalid top tween value: NaN

Does anyone have any ideas as to the cause of the delay and the errors?

 

I've forked the original Codepen, and then recreated the delay by copying my code back in

 

See the Pen YXeMYN by padders1980 (@padders1980) on CodePen

  • Like 1
Link to comment
Share on other sites

  • Solution

try this

 

http://codepen.io/GreenSock/pen/aOqxMN

 

I think you had additional space around the initial text (in the html) and the error came from:

top: offset.top - parentOffset //bad

top: offset.top - parentOffset.top //good

Note: the timeline had a delay which i removed too.

 

I also updated the version of SplitText that is being used.

 

Does it work the way you want now?

  • 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.
×
×
  • Create New...