Jump to content
Search Community

Draggable w/ Throwprops on overflow-x:scroll

HaunGo test
Moderator Tag

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

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.
×
×
  • Create New...