Page interaction - reveal section with scroll

Hi,

I am looking to replicate a similar effect on this page: NEW TENDENCY - About
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,
Philipp


1 Like

Hi

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:

@PeterDimitrov 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: https://preview.webflow.com/preview/e-commerce-store-2b37ef?utm_source=e-commerce-store-2b37ef&preview=ea0a0852abee71bfb9c6034f425c3e4a

1 Like

Here’s a screen record > https://www.useloom.com/share/d20b2a55cc1b403e9d138f9d36143d60

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

1 Like

@PeterDimitrov 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:

@PeterDimitrov 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

@PeterDimitrov 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 > https://www.useloom.com/share/56fd3df3ca5645a1a970ddac46fc7480

Not sure what’s the problem

Piter :webflow_heart:

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