Scrolling Sticky section over hero section

Questions
1

Hi guys,

I’m currently trying to recreate the scrolling effect found on the Astana Breeze template.
I want a new section to scroll over my hero section (Like how Birdie does it on their page Birdie® ━ Den prisvindende CO2-måler. Dansk Design. which I can’t get to work properly.

Screenshot 2023-12-08 at 11.53.28
Screenshot 2023-12-08 at 11.53.281872×624 58.1 KB

I tried to make both sections sticky, with z-index of 1 on the overlapping section, but that doesn’t seem to work for me. I also tried to put my sections into divs and then making them sticky, which didn’t do the trick either(like how it is on the template)… I hope you guys can help, with how I can recreate this effect :slight_smile:

2

Hey, you can follow this tutorial: Loom | Free Screen & Video Recording Software | Loom

1 Like
3

Hi Lazarevic,

Ah, it was the overflow hidden, that was ruining the sticky effect for me! Thanks for helping out, much appreciated