Horizontal Scroll Across Page

Design help Animations & Interactions
1

Hi everyone,

This may well be possible but I am yet to find anything on it. Is it possible to create not a horizontal scrolling website but an aspect of the page where you can scroll horizontally. An example would be like dribbble where you can scroll horizontally on the designers artwork? My goal is to make it so they can click and drag almost or swipe the track pad to scroll across.

I have tried it with the overflow but it shows the scroll bar at the bottom and doesn’t look good. I am trying to do this for a blog to scroll through the posts.

Thanks! Really appreciate any help!

Here’s my Shared Link:
https://preview.webflow.com/preview/oceanovas-first-project?utm_source=oceanovas-first-project&preview=92cddb2875d1639b57f9e3e6b2741f32

Here’s my Published Link:
https://oceanovas-first-project.webflow.io/

2

This is the good approach. Now you can google how to add custom code to hide the scrollbars.

What “doesn’t look good” means?

3

Thanks Vincent. I will look into it.

My problem is that you cant click and drag it.

4

To make that good, you need a bit of css and js but that’s very doable.

5

I’ll give this a shot. That’s exactly what I wanted. Thanks!

1 Like