Jump to content


draggable set x y

Moderator Tag

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

Apologies if this is in the docs somewhere, but is there a way to set the initial draggable position?

  • Like 1
Link to comment
Share on other sites

Hello gibo, Welcome to the GreenSock Forum!


You can use the set() method to set the initial x and y:



See the Pen IFKhD by jonathan (@jonathan) on CodePen


Use like so:

// set initial drag position
TweenLite.set("#dragme",{x:30, y:30});

I forked the

See the Pen irzvd by GreenSock (@GreenSock) on CodePen

and added the set() method to it.. fork the example and edit to your needs.


Link to Draggable Docs: http://api.greensock.com/js/com/greensock/utils/Draggable.html


Does that help?

  • Like 5
Link to comment
Share on other sites

Just adding to Jonathan's great answer.


If for any reason you want to change the instance target's X and Y after it was created, and you need that new values passed to the instance you can do it with the update() method:

// after you've created the instance and changed the target's property values
// call the update on the instance in order to get the target new values
Draggable.get( $("#dragme") ).update();

// get() returns the draggable instance for the element with dragme ID


  • Like 4
Link to comment
Share on other sites

Nice Rodrigo.. update() looks very useful.. cool !!!

Link to comment
Share on other sites

Yes, the update method seems very useful, wish I knew it before!

Thanks Rodrigo.


I never stop learning how to use the GSAP...

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