Copy link to clipboard
Copied
Hi there,
I am interested in creating a fixed position navbar that starts off screen and as you scroll it stickys to the top of the page. Then each item on the navbar scrolls to a different part of an infinite scroll web page. The goal is to have each item on the nav bar start in white, then when you click it or scroll to that section, it changes to a different color (essentially an active state).
Example: see navbar (on desktop) of this page, and how it works
Is this possible with Adobe XD? I have been playing with it all day but haven't figure out how to make that happen yet.
Thank you!
Hi there,
In XD you can definitely fix position while scrolling by creating a bar using any of the shapes you like and in the PI checking the "Fix position while scrolling" checkbox. You can have a different color when you click it by making it a component, creating a state with a new color and in the prototype mode link the default state to the new state (trigger- "tap") .
To get a different color fixed nav bar while scrolling(without tapping or hovering) there is no trigger as such but I c
...Copy link to clipboard
Copied
Hi there,
In XD you can definitely fix position while scrolling by creating a bar using any of the shapes you like and in the PI checking the "Fix position while scrolling" checkbox. You can have a different color when you click it by making it a component, creating a state with a new color and in the prototype mode link the default state to the new state (trigger- "tap") .
To get a different color fixed nav bar while scrolling(without tapping or hovering) there is no trigger as such but I can suggest an idea, see if that helps
Hope it helps you
Thanks,
Jagriti
Copy link to clipboard
Copied
Thanks for solution but I am not able to get it to work from within a parent component. In my situation, I have a component item which I would like to hace a fixed component item within it and it does not work. Only wen I move the layer outside of the parent component that it works. But if I do that then I lose a crucial functionality/ Is it even possible to create fixed items from within a component?