Draggable - know when drag element hits bounds

[TopGUN121 3 Likes (Newbie)]

I'm wondering if there is a way to know if the draggable element hits the bounds i have defined for it?  I would like to shoot off a function or some code when it hits the edge of the bounds area.

[Jonathan 5,176 Likes (Superhero)]

Hello TopGun121

 

Have you looked into the hitTest() method:

 

http://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/hitTest/

 

http://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/hitTest/

 

Also look at this Topic on hitTest() method:

 

http://greensock.com/forums/topic/15019-collision-detection/
 

//checks if at least 30% of the element is overlapping with the other element:
if (this.hitTest("#element", "30%")) {
   // code stuff here
}