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

Question

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 Answer

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded