Streaming live at 10am (PST)

Background header change


#1

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:

http://the-hydra.net

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.

https://preview.webflow.com/preview/exploredigital?preview=60ed7dfe48d6eab4954f46a94248d109


#2

Hey maybe this is a help:

First clear all interactions (delete them).
Then select only your "Services" section.
Goto Interactions and create an interaction called "Header Interactions".

Within there create the first scroll trigger and set the values to:

Then create a secont scroll trigger within this interaction and set it to:

It should look like this:

Try it :).

p.s. be sure to delete all interactions first, so there will be no interference.

Regards
Daniel


#3

@Daniel_Schultheiss Thanks for the help! This is starting to work! I'm now a little confused on how i would add a third and a fourth header change into this? Any Ideas?

Thanks,
James


#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.