Jump to content


Where are snap values calculated from? Top left corner?

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

Just a question I was thinking about... I didn't see it in the docs. When creating an snap function... the endValue... where is that being calculated from? The top left (0,0) point of the draggable element?

Link to comment
Share on other sites

It really depends on what the "type" is. Typically it's "x,y" which refer to the translateX/translateY transforms, and those are relative to the element's original position in the document flow (before any transforms are applied). You could think of it as if it's from the top left corner of the element in that case I guess. But if the type is "left,top", it'd refer to those values which are dependent on other factors like whether the element is position:relative or absolute (and would be affected by the offsetParent). 

  • Like 4
Link to comment
Share on other sites

Hi @danboyle8637 and Welcome to the GreenSock Forum!


Also don't forget if the type is left, top that the draggable elements parent also plays a role, depending if the parent has position relative or absolute.



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