Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
sygad1

Draggable item has no momentum

Recommended Posts

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

Link to post
Share on other sites

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.

:)

  • Like 2
Link to post
Share on other sites

Doh!!!!

 

Easiest fix ever.

 

Cheers for that

  • Like 1
Link to post
Share on other sites

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

Link to post
Share on other sites

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

Link to post
Share on other sites

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

circular-nav-in-tablet9 - black shadow tint.jpg

  • Like 1
Link to post
Share on other sites

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

Link to post
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.

×