Sticky Doesnt work!: Followed a webflow tutorial on horizontal sticky. Not workign

So Ive been trying to make a horizontal scroll section, where a div inside the section scrolls horizontaly, however. No matter what I have tried or tutorials I have followed, sticky does not work AT ALL. Help me here, this is a project I need to finish asap and this isnt making any sense.

Here is a link:
https://preview.webflow.com/preview/toppromotorsports?utm_medium=preview_link&utm_source=designer&utm_content=toppromotorsports&preview=f9401d1b6b9ee01136becef7389515f6&mode=preview


@mikeyevin @vincent @cyberdave someone help please

The issue is the overflow: hidden on the Body element—sticky positioning gets really upset when using fixed heights and/or hidden overflows on parent elements:

image

It looks like you’ll need to tweak things a bit as the section isn’t scrolling as intended after that change but setting the body to overflow: visible will fix the issue with the section not “sticking” :+1:

1 Like

Hey there,

Let me know if you still need assistance to help get un-stuck! Feel free to email me here: alexis.tirado@roundpegs.com

Hey Everyone!
I’m also having troubles with my sticky position. All of my parent elements have an overflow of visible and don’t have a set height. If anyone can help it would be great!

Here is my read-only link: https://preview.webflow.com/preview/zzz-media-2?utm_medium=preview_link&utm_source=dashboard&utm_content=zzz-media-2&preview=55e92dcef068da28898c7d1bfb80a2ba&workflow=preview

The section I am talking about is called “website processes” and I am trying to make a horizontal scroll.