Page interaction - reveal section with scroll


I am looking to replicate a similar effect on this page:
Where at the bottom of the page, the content (the grey footer with newsletter signup) is revealed while scrolling.

I am wondering if someone can explain the steps or lead me to a tutorial or a cloneable project.

Thank you,

1 Like


Try this guide on webflow university

Hey @philippf You need to play with the positions. The footer needs to be fixed at the bottom.

Can you share your read-only link so I can show you?

Piter :webflow_heart:

@PiterDimitrov thanks for the help.

I was able to make this work for the header, but I would like to do it for the footer section too (fixed element would be: newsletter signup and the footer section with logo/email/social media links).

Read only:

1 Like

Here’s a screen record >

Feel free to reach out if you have some questions :webflow_heart:

1 Like

@PiterDimitrov This is amazing. Exactly what I wanted. I downloaded the video. Thank you for putting in your free time and helping!

1 Like

No problem! Happy to help :webflow_heart:

@PiterDimitrov I have made all the modifications and it seems to be working perfectly on Chrome. But on Safari it is not showing the footer section (it’s not pulling up all the way). I have the latest version of Safari installed (12.0.3). Do you know what might be causing this?

1 Like

@PiterDimitrov I was also testing it on mobile both on Safari and Chrome and it doesn’t seem to show.

1 Like

Hmm strange…Can you try the following >

Not sure what’s the problem

Piter :webflow_heart:

Hey @PiterDimitrov, Is the loom video still available, I can’t find any tutorials regarding these effect. Thank you!