throw div center of viewport with draggable

[Lovestoned 11 Likes (Newbie)]

I am using draggable script with throwprops...I have a menu button at the bottom of the page inside fixed div...and my button position absolute...I want to throw my button to center of viewport. How can I do that?

 

thanks..

[Carl 11,324 Likes (Superhero)]

In cases like this it really helps to see a very basic demo as explained here:

 

Very hard to know what CSS or other constraints you are working with.

From what you describe you may want to consider hiding the original button, making a clone and throwing the clone.

This pen by Blake illustrates how to drag an element from one container to another.

 

By making a clone and appending it to the body (or other parent div) it will probably make it easier to calculate the absolute position of the center of the viewport.

 

 

See the Pen XJQKVX?editors=1010 by osublake (@osublake) on CodePen