Streaming live at 10am (PST)

Create horizotal scroll in section


#1

Hi Webflow,

I want to create a website where you can simply scroll down, but also can scroll horizontal in certain sections on the page. Compare it with the horizontal scrolling of content on this website: http://www.telegraafvandaag.nl/ or how Netflix it does.

Is this doable in Webflow?

Thanks.


#2

Hi @martijnrunia,

This is a good question, and I am probably the worst person to answer this as I've never done it, but I'll give it a go to maybe get the ball rolling.

Okay, so I was able to hack a solution by placing items that I wanted to have horizontal scroll into an element with display:flex, and overflow:auto.

As you may know, display:flex isn't handled well in all browsers: http://caniuse.com/#feat=flexbox

You can view my hack at the following video and Webflow share link:
* https://drive.google.com/file/d/0BynZs0dQwPd_M0wwdkdOcTVGOFU/view
* https://preview.webflow.com/preview/horizontal-scroll-test?preview=616d7a82082956a0e739d19899447d2e

I would love to hear of any other solutions from our community as you've peaked my interest :smile:

Hopefully this helps :blush:


#3

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