Horizontal scroll without animation

Design help General
1

hello

how can i make horizontal scroll without animation ( by touch ) like this:

thank you :slight_smile:

1 Like
2
  1. Drag a div onto the canvas and give it a width of 100%
  2. Set overflow to auto
  3. Drag another div inside the one above. Set the property to flex: horizontal
    4 Then put all the cards/content boxes inside this last div

You will have a horizontal ‘made-in-webflow’ carousel

2 Likes
3

cool thank you

but how can i scroll it horizontal now?
by touch in mobile and swip to see more liek the gif attached before… ?

4

It will happen natively.

I made a test version here a long while ago;

https://preview.webflow.com/preview/clickart-sandbox?preview=12fc9727e24266f2bbf2ae95da83ba19

Live version: http://clickart-sandbox.webflow.io/jcoger-fb-carousel

Go to the second page titled @ jcoger . You can copy and paste the carousel to your project and take it from there.

2 Likes
5

thank you bro
its worked 100% (Y)

1 Like
6

Thank you, this really helped Alex! :slight_smile:

7

Does anybody know if these cards can be animated using this approach??

1 Like