How to add a scroll event to a header in Gatsby

Question

1. Summarize the problem

• The goal is for the styling of the header/navbar to change as the viewer scrolls down the page. The header is already sticky/fixe