Hide Nav Bar on Scroll Up When Hero Section Matches Background

·

I have a nav bar that I set to show up on scroll up and leave on scroll down. The nav bar has a background, and 2 of the pages have the same background in the hero section, so I'd like that once the hero section shows up on those 2 pages, even while scrolling up, the nav bar should disappear because the pattern doesn't match up exactly. Is there a way to do that? Matt J. would you know? Thank you very much

2 comments

Matt J.
·
Sara M. if you wrapped the navbar component in a div like “navbar_wrapper”, then you could just style the background of that wrapper to be whatever color you want it to be based on the page its on - leveraging CSS. You’ll need to retarget your interactions to this new navbar_wrapper div.
Sara M.
·
Matt J. DMing you more details to clarify