JS Drag, Throw, Boundary

[Applauz]

Wondering how I could accomplish an effect in the JS version.

 

Basically want to make a horizontal line with a circle (handle). Think of it as the way a volume scrubber looks.

 

I want the ability to drag / throw it .. when it reaches the end of the line it will bounce and and start moving the opposite direction. 

 

I would also need a colored line to follow behind it. If that makes sense.

[Carl]

As far as the dragging and trowing, yes, combining Draggable with ThrowPropsPlugin is perfect for that as illustrated here:http://greensock.com/draggable/

 

You would have to do some custom coding though to detect when the thrown object has hit the boundary and then create a new tween to give the illusion of a bounce.

 

Not quite sure all that you need to do with lines following each other, but I'm quite sure its possible. Probably not something GSAP handles out of the box though.

[Ae]

Hello guys,

I wondering if is possible get the current scroll/drag position with Draggable on iPad like iscroll5?

 

Example: http://lab.cubiq.org/iscroll5/demos/probe/

 

Thanks

[Chrysto]

Yes: you can: just add onDrag() listener and read for "this.y" and you'll get the same position like iscroll5