I have a pinned logo on the left side of the page. The logo is white, but I want it to change color when the background is white. Probably easiest triggered by an anchor. I have thought of two possible solutions, but I can't seem to find a piece of code that would do the trick. One is having it as a vector and changing the physical color of the element when scrolled past the anchor by using srgb codes. Or simply pin a logo with a different color underneath, and hide the white logo (showing the other color) on scroll. I want this to happen several places on the page. Like shown under here.
Can anyone help me with changing the color of my logo on scroll? Thanks!