Mobile-Only Side Scrolling

Design help General
1

I’m trying to implement a side-scrolling feature similar to this website (MOBILE BREAKPOINT ONLY): https://www.greenhouse.io/

You’ll notice that you can continue scrolling past the section, it’s not locking you to scrolling through all of the content (like most Webflow side-scrolling examples I’ve found). The user should be able to freely scroll past, or swipe left/right through the content at their leisure.

Any help would be greatly appreciated. I’m attempting to make a section with 400VW, overflow set to scroll, but it’s making the rest of my page scroll (I only want the content inside that section to scroll, not the rest of the page).

Here is my site Read-Only: https://preview.webflow.com/preview/mindr-global?utm_medium=preview_link&utm_source=designer&utm_content=mindr-global&preview=0d24c2cb7922da9bf22bfe2804619c1a&pageId=601c94f755266428babbd418&mode=preview

The content is on ‘Test Page’.

2

Hey there @sanscode
Here’s a video on how to achieve this effect

Cheers!

3

Awesome! I am also looking for something like this. So you cannot scroll pas that section as @sanscode wanted? Could you possibly share a link to the project to test the effect? Much appreciated!

4

Im aware of - Home | Owl Carousel | 2.3.4 - and to achieve this effect with this code. But I’m still unaware of a native solution.

5

@Webflow-user If you are asking for preview link for project in which I made this it’s already posted here at the top
https://preview.webflow.com/preview/mindr-global?utm_medium=preview_link&utm_source=designer&utm_content=mindr-global&preview=0d24c2cb7922da9bf22bfe2804619c1a&pageId=601c94f755266428babbd418&mode=preview

Screen Shot 2021-02-13 at 7.13.36 PM
Screen Shot 2021-02-13 at 7.13.36 PM2020×876 132 KB

But I made it in his preview link so it won’t save it but once he implements it it will be viisible, feel free to contact me iif you need urgent help with this, cheers

6

Great! Awesome work!