Draggable handles not snapping to grid

[Jacob White]

I have a project in which everything else I've built snaps to a 5 pixel grid. I'm using these handles with a tweening path as a notation tool in my project. I can't seem to get the handles to snap. Can anyone please help?

Here is the code: https://codepen.io/jacobjrwhite/pen/ZMdPpX

See the Pen ZMdPpX by jacobjrwhite (@jacobjrwhite) on CodePen

[GreenSock]

You just want the x and y to always snap to the closest increment of 5 while dragging? If so, then use liveSnap:

 

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

 

Remember that "snap" is only for Draggables that have throwProps enabled (it's just for the landing position after releasing, usually with momentum). You can use a function for liveSnap, as I showed in the demo above.

 

Does that help?

 

[Jacob White]

Perfect! Thank you Very Much!! That is EXACTLY what I was trying to do -- Thanks again!

[GreenSock]

Happy to help! 

 

Enjoy.