Hi, I am working on a simple landing page and I am trying to get the nav bar to simply go from transparent to white without having this fade and pop from transparent to white. My goal is to just have a white nav bar appear when you scroll up. You can see what I mean here when you scroll up (note i…

[image] webdev: 255, 255, 255, 0 Thanks. If I set the intial state to that same color it stays transparent, even on scroll up. I put the intital state as white and now it seems to look better. It fades from transparent to white on scroll up, but it doesn’t make a strange transitional pop.

Nav bar has a fade from transparent to white when scrolling up

Design help General

webdev (Jeff Selser) February 23, 2019, 10:55pm 4

You have two navbars. Why?

Topic		Replies	Views
Need help with transforming a Nav Bar General	2	835	March 5, 2019
Help with Navigation Element & Interaction General	12	1625	June 29, 2018
Nav bar goes from transparent to solid color on scroll General	0	450	November 10, 2022
Simple Nav Bar color on scroll? General	2	1271	September 22, 2019
Navigation bar disappear animation Animations & Interactions	1	1167	March 12, 2020

Nav bar has a fade from transparent to white when scrolling up

Related topics