â–¼
Streaming live at 10am (PST)

Top of page interactions


#1

Hi guys I am wondering if anyone can help me with some interactions.

When at the top of my webpage I have my navbar background set to transparent.
When scrolled down the navbar background then turns white.

I want to know if there is a way I can get my navbar background to then turn back to transparent when the user navigates back to the very top of the page (only when they reach the top).

Please see the example screenshots:


#2

Hi @Edward_Gray

These two approaches should help - first is with Interactions 2.0 and the second with 1.0 (aka Legacy interactions)

Let us know if you hit any problems :slightly_smiling_face:


#3

Thanks StuM I will let you know how I get on.


#4

This worked great thanks! However I have one more question.

Is it possible to have my nav appear 100px before the bottom of my hero section, so that the nav in sight just before we reach section 2?

Please see the attached:


#5

Dont worry got it sorted! Cheers!