Issues with Sticky Position

Community resources Bugs
1

Hello!

I’m having issues creating a sticky div on my page, the image is supposed to scroll along with the text since they are two separate columns in a grid. However, despite adding this position, the image won’t stick to the page. This is my read-only link: https://preview.webflow.com/preview/pharmacy-software-reviews?utm_medium=preview_link&utm_source=designer&utm_content=pharmacy-software-reviews&preview=c1b4a68711058fce9381b160f2878b62&pageId=60d1e917db72d7446920a216&workflow=preview

Any help is appreciated!

Thanks

2

It’s because you have your Page Wrapper div set to overflow:hidden. Sticky won’t work if any parent element is set like that!

Also sticky should be set to the wrapper element, not the image. If you hover over “Content Right” you’ll see that it’s height fills the div it’s contained in, but the wrapper is the same height as the image. So if you have sticky set to the image it has no “height” to move in

2 Likes
3

This worked! Thank you so much! :smile:

1 Like
4

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