Jump to content

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

Draggable item has no momentum

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

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 comment
Share on other sites

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




Happy tweening.


  • Like 2
Link to comment
Share on other sites



Easiest fix ever.


Cheers for that

  • Like 1
Link to comment
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 comment
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 comment
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 comment
Share on other sites

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

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