WheelEvent, Draggable, Spin

[benoit]

Hi,

Is it possible to use the WheelEvent with the draggable spin example and  get the same effect (snap, velocity…) ?

https://greensock.com/draggable?sub-product=draggable
https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent

[Carl]

The current API does not support WheelEvent directly, and I'm not sure how likely it is that it  would be added any time soon. Perhaps if there is more demand.

 

However, there should be plenty of hooks available so that you could wire it up yourself. You could probably even detect the velocity of the wheel spinning and pass that off to ThrowProps tween that smoothly animates the wheel based on that velocity. However, that isn't a road I can go down to far right now.

 

Take a look at this demo that allows the horizontal scrolling of a div to control how far a draggable element spins. Since the div can be scrolled with the mouse wheel so can the draggable. 

 

See the Pen gnoDc by GreenSock (@GreenSock) on CodePen

 

I provide this demo just to show that if scrolling a div can control a draggable thing, you should be able to wire it up to anything.

 

[benoit]

Good job, really clear JS.
The content scroll don't snap on mouseWheel, is it me or Firefox ;¬) ?

[PointC]

Works fine for me in Firefox.