Jump to content

Ron Itelman

Draggable - simple throw prop

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

Hello, I have a simple object I would like to 'throw' to simulate a scroll on a mobile device. While the object can be dragged, the throw simulation does not appear to be. Are their certain controls I am missing?


Draggable.create("#square", {
    onDrag:function( ){


//I am using these libraries:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenLite.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/utils/Draggable.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/plugins/CSSPlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenMax.min.js"></script>


See the Pen LrWvRQ?editors=1010 by ron-itelman (@ron-itelman) on CodePen

Link to comment
Share on other sites

You're just missing the ThrowProps plugin.


See the Pen BVWeaj by PointC (@PointC) on CodePen

Happy tweening.



  • Like 2
Link to comment
Share on other sites

Yep, @PointC is correct. Also, I wanted to point out the TweenMax has TweenLite and CSSPlugin already inside of it, so you don't need to load all of those files. Just TweenMax, Draggable, and ThrowPropsPlugin should be plenty. 


Happy tweening!

  • Like 2
Link to comment
Share on other sites

ahhh thanks. :) 

Also, impressed with the surprisingly quick support! Truly great customer experience with you guys.

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