Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Lovestoned

throw div center of viewport with draggable

Recommended Posts

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..

Link to comment
Share on other sites

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

 

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

×