This is my first time posting on the forum. I need your help.
How do you have a fixed nav with a color change on scroll?
I added a side navigation on the left side. The header text is black initially and needs to change to white text when the side navigaion scrolls from white background to black background.
For example, I want the “Project Decibel” to transition from black color text to white color text when you scroll from “01 Research” section to “02 Synthesis” section. What is the best recommendation?
Fixed Nav
You can use a couple of ways to do this. First, use 2 navs, one scrolls with browser and the other shows when scrolls to change colors, a sticky nav. Second, use 1 nav, add a background color change upon scroll.
Side Navigation
Set the interaction on 02 Synthesis, then change Project Decibel text color change as the action.
Not difficult to do. If you need a visual, I can do a quick video with steps. Hope that helps.
Thank you for the recommendation. Would you mind sharing a video? I’m fairly new to the interactions… somehow I managed to do what I can here. I have been scratching my head on this for awhile… The interactions have looked very awkward and not seamless at all.
A side navigation fades in after you past “Still intersted?” section.
“Project Decibel” text color is in black. When it gets to the Synthesis and final design sections, the “project decibel” text blends in with the background. I was trying to figure out how to make the text change seamless to white when it gets to those section. Would love to see how you solve this… it’s been driving me crazy.
Oh nooooo I can’t stand my voice on anybody’s recorder. I turned that off for real! If you get stumped feel free to message me and … Oh boy… uh… I guess I can muster up some sort of voice-over for ya