Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
rymatt94

.addPause breaks upon interaction with slider

Recommended Posts

Hi all,

 

I'm very new to both javascript/jQuery and GSAP. I'm trying to make a timeline slider and want to use the .addPause feature to make the slider stop at certain points along the way. This works until the user interacts with the slider manually. After that, the .addPause functions are seemingly ignored and the timeline just goes along without pausing. How do I always ensure the .addPause function is respected upon pressing the play button?

 

And if there are any optimizations you see that are obvious, please feel free to let me know! :)

 

jsfiddle

Link to post
Share on other sites

That's just because you've got an error in your JS code that's referencing a non-existent object (progress):

progress.html(tl.progress().toFixed(2));

 

If you look at the console, you'll see a bunch of errors getting spit out. Once you remove that line, it looks like it all works perfectly ;)

 

Let us know if you've got any other questions. 

  • Like 4
  • Thanks 1
Link to post
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.

×