Jump to content
GreenSock

jnhltmn

Centered Circular Draggable input

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

I have a circular input with a width and height of 80vw/vh (depending on portrait or landscape).. GSAP Draggable uses the translate3d for the draggable component, but when I resize my window it doesn't center my #controller element anymore because of that. 

Link to comment
Share on other sites

Thanks for your reply Sahil! How about this?
The controller gets out of position before dragging indeed. But when i remove the draggable functionality it stays in position.
 

See the Pen NXGZyW by jnhltmn (@jnhltmn) on CodePen

 

Link to comment
Share on other sites

  • 3 years later...

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.
×