Skip to main content
Solved

How to make a sticky navigation bar change color on scroll

  • February 21, 2022
  • 3 replies
  • 31124 views

Osagie_Eigbe

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

Best answer by tank666

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

View original
This topic has been closed for comments

tank666
  • February 21, 2022

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


Osagie_Eigbe

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.


  • March 23, 2022

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings