Jump to content

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

Draggable w/ Throwprops on overflow-x:scroll

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

Hello...  how can get this overflow-x to scroll with a nice flick ?    and be bound to the overflowed container ?    


Could flexbox be part of the problem ? 


I've forked one of Diaco's pens from another post.    

Thank you for the help!

See the Pen PypqEJ by HaunGO (@HaunGO) on CodePen




See the Pen PypqEJ by HaunGO (@HaunGO) on CodePen

Link to comment
Share on other sites

Thanks for the demo.


2 things

  1. I think for what you are trying to do you want to create your Draggable using the scrollLeft property of  the outer scrollbox
  2. you were using a pretty old version of Draggable.

I can't really wrestle with flex box right now, but here is a rudimentary setup that probably gives the behavior you want. 


See the Pen GYWodJ by anon (@anon) on CodePen

Feel free to add in your own flex-box settings.


  • Like 3
Link to comment
Share on other sites

Dude..     scrollLeft   is the answer!   Thank you!

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.