Jump to content
Search Community

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

Posted

Hi

 

I am trying to get the x and y end point after a drag event. But the values are negative and dragging to the top left does not return 0,0 as one would expect.

 

The values I am getting seem to be relative to the starting position of the dragged element, rather than absolute from the bounds container.

 

You can see in the example if you move the box to the left and up the endX and endY are negative values, but I want the x and y values the box's position within the container.

 

Am I doing something wrong or do I need to read in the starting position and then offset it?

 

Thanks

See the Pen QMRQoX by anon (@anon) on CodePen.

Posted

Glad you got it sorted out. Yes, "x" and "y" are short for "translateX()" and "translateY()" (transforms), thus they're relative to the objects original position in the document flow. A negative value is totally normal if you're moving up and to the left. 

 

Cheers!

  • Like 3

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