Draggable - simple throw prop

[Ron Itelman 8 Likes (Newbie)]

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", {
    lockAxis:true,
    type:"y",
    onDrag:function( ){

    },
      throwProps:true
  });



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

[PointC 14,183 Likes (Superhero)]

You're just missing the ThrowProps plugin.

 

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

Happy tweening.

 

[GreenSock 18,251 Likes (Superhero)]

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!

[Ron Itelman 8 Likes (Newbie)]

ahhh thanks.  

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