Hide bottom nav bar on home page only. Nothing is working :(

Design help Animations & Interactions
1

Hi everyone,

I’m trying to have a nav bar at the bottom of my site which only appears after you start scrolling away from the first section. The only way I can think of is to trigger it from every section separately, but when I try it turns into a glitchy mess. I’ve tried a div block at 90% height of the whole site but that doesn’t work.

Any one know how to make it display on only one section?

Here’s the public link - http://socialeyesburgtest.webflow.io/
Here is the read only link - https://preview.webflow.com/preview/socialeyesburgtest?preview=84a02098b27083e521114395171de1fb

Cheers,
Will :slight_smile:

Here is my public share link: LINK
(how to access public share link)

2

If I’m understanding you correctly, all you need to do is trigger it with a scroll interaction on the first section. You would set it to hide when that section scrolls into view, and show it when it scrolls out of view. You’ll want to use the % settings to control the offset you’re looking for.

21 PM

3

Ughhhh thank you so much!!! Some how been trying this for hours & it just wasn’t working. The way you explained it gave me a eureka moment.

<3