How to make a "horizontal scroll"

Design help Animations & Interactions
1

How to make a “horizontal scroll” area：

https://preview.webflow.com/preview/blucap?utm_medium=preview_link&utm_source=designer&utm_content=blucap&preview=677a2676ec95ae92404a93a229d8ced7&workflow=preview

Like my design draft:

WiFi- 2024-08-05 at 15.39.37@2x
WiFi- 2024-08-05 at 15.39.37@2x1920×939 120 KB

2

hi @VIP this topic is very well described on this forum and also online in written or video form.

Please do your research first before creating request. :vulcan_salute:

1 Like
3

hello,
if you mean that you want to move your section horizontally while you scroll in view
I recommend this course:
horizontal scroll in webflow

and if you have any questions or problems you can check this preview link:
artFlare Template

4

I saw this video, and this video is about automatic horizontal scrolling when you scroll. What I want is for users to scroll horizontally only on their own, not automatically.

1 Like
5

in this case do overflow:hidden on your wrapper, and this should do the job. If not then set overflow-x: scroll.

.flex-scroll {
  overflow:hidden;
  overflow-x: scroll;
}

From UX point of view It is IMO not good practice as users would not know they can swipe.

m2c

6

Thx! Worked.
Must add an overflow-x: scroll; Why doesn’t webflow make a button to enable this.