Fixed Section Scroll

Design help General
1

Hey guys,

I was wondering if you knew how to make something scroll over the top of another section.

You see (A) first, fixed at the top. Then when you scroll I want to have (B) scroll over the top of it? Any ideas?

Thanks!

55
551388×1368 19.9 KB

Here is my site Read-Only: https://preview.webflow.com/preview/website-4bb32c?preview=6d8aa70bb7c8511c7276d177766da534

2

Here’s a cloneable demo I made a while back:

2 Likes
3

that is superb ^

thank you very much :slight_smile:

4

Small question… in my example, I have my top section at around 95% VH.

How do I make it work when the section is not completely fixed 100% as your example is?

Thanks

5

CloudApp

1 Like
6

@philippe - out-of-topic - How you create those gifs (Software). Thanks.

7

Cloudapp :

1 Like
8

great stuff - thanks!

9

Thank you! I was having trouble getting my text/button on top of my background to stay behind my ensuing sections. My mistake was not setting the sections to ‘relative’ from ‘static’ as you did in your demo (and I couldn’t find ANYTHING in university for this. Little settings are so critical!

10

Did you ever figure out how to handle the ‘jumpiness’ in mobile browsers that come from the navigation and tab bars disappearing and reappearing that works for all mobile screensizes? causes the fixed stuff to move up and down slightly vs stay fully put…