Streaming live at 10am (PST)

Page interaction - reveal section with scroll

#1

Hi,

I am looking to replicate a similar effect on this page: https://newtendency.com/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
#2

Hi

Try this guide on webflow university

#3

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:

#4

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

1 Like
#5

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
#6

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

1 Like
#7

No problem! Happy to help :webflow_heart:

#8

@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
#9

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

1 Like
#10

Hmm strange…Can you try the following > https://www.useloom.com/share/56fd3df3ca5645a1a970ddac46fc7480

Not sure what’s the problem

Piter :webflow_heart: