Jump to content


draggable update

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

It's not common, but you'll know when to use it.


Click anywhere to start dragging. It will move the box to your cursor. Now comment out this.update() and see what happens.


See the Pen JBwxjr by osublake (@osublake) on CodePen


  • Like 5
Link to comment
Share on other sites

Draggable has it's own x and y properties. So in situations where you animate element that is draggable, you might want to update draggable to reflect element's current x and y translate. You can do that using update method. Or you can apply bounds by passing first parameter to true. The second parameter is sticky which is useful when you change element's parent as you are dragging, if you set it to true then element will stick to pointer even if element's parent changes.


See the Pen MBZLJb?editors=1010 by Sahil89 (@Sahil89) on CodePen


I was creating a demo, but looks like @OSUblake responded already.

  • Like 4
Link to comment
Share on other sites

OK, I understand the update. It's work for snap function to ; but not on onDrag function ?


See the Pen XBoyZO by benoitwimart (@benoitwimart) on CodePen


Link to comment
Share on other sites

I don't understand. What is your expected behavior and what problem you are facing?

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