Draggable item has no momentum

[sygad1]

Hi all,

 

Trying to make a circular nav with flick, spin and rotating properties.

 

Got it to rotate, but it doesn't seem to flick spin with accelerating and de-accelerating momentum

 

I've added the draggable plugin and set throwProps to true.

 

What am I missing / doing wrong?

 

Any help appreciated.

See the Pen gxPKMM by sygad1 (@sygad1) on CodePen.

[PointC]

You're just missing the ThrowProps plugin. Add that and you'll be all set.

 

https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ThrowPropsPlugin.min.js

 

Happy tweening.

[sygad1]

Doh!!!!

 

Easiest fix ever.

 

Cheers for that

[rgfx]

Clever menu, can't say I've seen it before... I wonder if you will have to tell people to drag or is intuitive?

[sygad1]

The idea is that when you press the menu,  (hamburger) icon, it will animate the individual items into the circular pattern, which should suggest that it also moves in that direction.

 

The next part is to animate the sub level navs that expand as a layer over the original one

[sygad1]

This is the concept idea I came up with a while ago

[rgfx]

I see, good idea. be sure to share it.  certainly curious.