Sticky position

Community resources
1

I have a problem with sticky position. Now I will send the webflow project for you to see. I did not put overflow hidden and other things on the parent element. I even did everything like some guy explaining.

https://preview.webflow.com/preview/flows-supercool-site-80adc3?utm_medium=preview_link&utm_source=designer&utm_content=flows-supercool-site-80adc3&preview=627bd6d4f94b520e0b17748d1fa8c8bd&pageId=673e5b0b3ad14c3cc0aea588&itemId=673e5b3599d48cd36f704e51&locale=en&workflow=preview

See the about-post section for how it’s done

2

Change the overflow setting of your page-wrapper class from hidden to visible.

1 Like
3

I will confirm that @craigb is correct @Ognjen.

If you encounter anything like this make sure to check the other elements wrapping your sticky elements. Even if it’s not a direct parent, as long as it is inside any element that has overflow set other than visible, the sticky behavior will not work.

4

@craigb Thank you !!

1 Like
5

BTW - if you ever want to use overflow hidden but need something sticky inside of it, use overflow clip instead of hidden.

As far as i’ve seen, it functions the exact same, but doesn’t break position sticky.

I’m sure there is some difference, but IDK what it is.