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

New Here ,
Jan 20, 2022 Jan 20, 2022

Copy link to clipboard

Copied

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>

TOPICS
Design , How to , Prototyping

Views

485

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 20, 2022 Jan 20, 2022

Copy link to clipboard

Copied

LATEST

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines