I'm trying to create the following - where the section reaches the header the background of the header changes to the same colour as the section body colour. See this example here as you scroll:
I have set about creating different header sections that show and hide as you scroll through sections, but i'm having trouble getting the interaction to happen at the right point, % offset in scroll doesn't work, and i'm racking my brain trying to work out how to do this! any help would be much appreciated! below is the link where i have got to.