Skip to main content
wolfinthewall
Participant
January 20, 2022
Answered

How to change Navbar Background Color, Upon Scroll in XD?

  • January 20, 2022
  • 1 reply
  • 3709 views

Hi. I'm trying to creat a sticky NavBar that houses the company's logo and a couple of other simple elements, in white. When the page loads, I'd like the elements to appear, but the background to have 0% opacity. When the user starts scrolling down the page however, I'd like to have the effect that the NavBar background blends to a black background. I've tried everything I can think of, but I can't seem to achieve this effect. Is it possible? Is there a suitable workaround that anyone can think of, if it's not? Thanks so much, in advance!

 

<Title renamed by moderator>

This topic has been closed for replies.
Correct answer HARSHIKA_VERMA

Hi wolfinthewall,

 

Thank you for reaching out. I found a similar kind of discussion happened in past here: https://community.adobe.com/t5/adobe-xd-discussions/panel-change-color-on-scroll-in-xd/td-p/11017822

 

Please check and see if that helps. I am also keeping the discussion open for our experts to share their suggestions.

 

Thanks,

Harshika

1 reply

HARSHIKA_VERMA
Community Manager
HARSHIKA_VERMACommunity ManagerCorrect answer
Community Manager
January 20, 2022

Hi wolfinthewall,

 

Thank you for reaching out. I found a similar kind of discussion happened in past here: https://community.adobe.com/t5/adobe-xd-discussions/panel-change-color-on-scroll-in-xd/td-p/11017822

 

Please check and see if that helps. I am also keeping the discussion open for our experts to share their suggestions.

 

Thanks,

Harshika