Overflow - horizontal scroll bar for CMS collection

Community resources Bugs
#1

Hello Webflow community,

I’d like to have a native horizontal scroll bar for a very large element of my website, that overflows to the right.
My element:

Capture d’écran 2021-01-13 à 11.47.05
Capture d’écran 2021-01-13 à 11.47.052764×1302 373 KB

Expected result:

Capture d’écran 2021-01-13 à 11.46.54
Capture d’écran 2021-01-13 à 11.46.542856×1246 351 KB

I tried to play with the overflow option without success.
Would you have any idea?

Read-only link: Webflow - Imaprod

Thanking you in advance,

Jessy

#2

Hey Jessy.

What you have to do is add “Overflow: Auto” to the “Team section body”-element.
image

This will add a scrollbar to the element.
image

What you have to do then is style that scrollbar with custom code.

To add the drag functionality you would have to add a custom script. I would suggest doing some research on a good JS-Library for that. Here is one I found:

Hope that helps

Felix

1 Like
#3

Thank you Felix, it helps A LOT! :pray:

1 Like
#4

Awesome, glad I could help. :slight_smile:

1 Like
#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.