How to make a sticky navigation bar change color on scroll

Hello.
I am trying to make a navigation header with a transparent background change its bg color to white when a user scrolls down the page.

Any ideas on how to achieve this without using multiple pages?

Please Help @tank666

2 Likes

Since Figma doesn’t have an “On scroll” trigger, the only way to do what you want is to use tricks like Mouse enter > Navigate to > Frame.

For the Figma team to review and add this feature, please vote for this feature request: "On Scroll" trigger for the prototype

Okay.
That’s what I have right now, it works but requires every page to have a duplicate which isn’t practical.
But thank you, I have given it a vote.

This topic was automatically closed after 30 days. New replies are no longer allowed.