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

[wolfinthewall]

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>

[HARSHIKA_VERMA · Accepted solution]

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