Position Sticky with view height

Design help General
1

Hello so the title might not really what my question is, but I am really confused why position sticky is not working with my project, can someone point out why. I have tried different solutions and I can’t seem to see the problem in my situation.

I have a parent div that is 200vh tall and a child div 100vh tall, what I expect is when I add position sticky and top 0% to the child div it will work but it doesnt

Screen Shot 2022-05-16 at 8.50.46 PM
Screen Shot 2022-05-16 at 8.50.46 PM2880×1800 902 KB

Screen Shot 2022-05-16 at 8.50.55 PM
Screen Shot 2022-05-16 at 8.50.55 PM2880×1800 917 KB

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

2

Hi @Kyle_Atienza,

Welcome to the forum!

What’s the desired effect, do you want the hero buttons to sit on top of all the other content when you scroll down?

Let me know!

3

hello thanks for responding, I have already solved it. turns out I need to remove overflow hidden, i did not notice it because it doesn’t affect visually the design so it took for me to notice it

1 Like