Animate a modal in/out from the click point of origin
Hi. I am trying to figure out how to animate a modal from the click point of origin. I can animate in a modal from top, bottom, left, right - no problem, but would love to figure out how to animate it in by clicking a button regardless of where the button is on the page, and regardless of the size of the browser window.
Here's a decent example someone created but using bootstrap. http://jsfiddle.net/jschr/B584D/
Thanks in advance.
That's pretty simple, just pass 'this' to function as target and keep track of last clicked element. I also noticed small issue where modal would get visible despite clicking on overlay when you click too quickly. I have fixed that by killing the ongoing tweens on modal.
See the Pen ddzYjy?editors=0010 by Sahil89 (@Sahil89) on CodePen
@GreenSock any other way to get around this behavior? Following is reduced case demo. If you fast click, at
