Jump to content


throw div center of viewport with draggable

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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?



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.