Use ScrollTrigger scrub to affect onEnter callback function

[cotton]

Hello

 

I'm trying to change the background colour of an element (site_wrapper) based on the data-attr of another element (section) that is scrolling.

I've got it all working but would like to have the scrub affect the colour change rather than just animating the change onEnter.

 

Any pointers would be much appreciated.

 

 

See the Pen KKoJVaL by Cottonltd (@Cottonltd) on CodePen.

[SteveS]

@cotton You will want to do it similar to this:

 

See the Pen KKoJMpZ by StevenStavrakis (@StevenStavrakis) on CodePen.

 

However, you probably need to adjust the start and end values to get deeper colors / colors at the right time.

[cotton]

Great Thank you @SteveS.

Nice a simple to implement too.