Jump to content


Resetting snap end value when using Draggable

Go to solution Solved by Diaco,

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



I'm using the Draggable Util to create a spinning wheel, and using the throwProps:true property. When I listen for the snap function, the endValue is being incremented for each spin of my wheel. Is there a way to reset this after each spin?




Link to comment
Share on other sites

Hi Diaco


Here you go - 

See the Pen MYNdWa by danrostron (@danrostron) on CodePen



If you spin the Throw me box, you will see 'endValue' being logged in the console. Every time you spin, the value is being incremented. I need to somehow reset this value after the spin is complete. Currently, the only way I can think to do this, is by recording the history in a seperate var and deducting this off the new endValue every time a spin occurs.


I just wondered if there was a better solution than this?




Link to comment
Share on other sites

  • Solution

pls try this :

console.log('endValue: '+endValue%360)
Link to comment
Share on other sites

Yes, that works and makes perfect sense. Thanks ever so much for your help.



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.