Streaming live at 10am (PST)

Horizontal scroll without animation


#1

hello

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

thank you :slight_smile:


#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


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


#5

thank you bro
its worked 100% (Y)