Horizontal Scroll with same (static) text with different background with sticky header (change text color as well according to background color) in gsap reactjs

[digambar patil]

Hello Guys

 

Thank you for your help in my last post which helped me to move forward with code but I am stuck again, let me explain in brief

 

1. On page load header (sticky header) and thank you section in white background with text (menu and thank you text) in black color

2. On scroll, horizontally it should scroll and background should be black for header and thank you section with text in background with "sticky" header

3. then on scroll to end, start vertical scrolling with sticky header with white background

4. sticky header needs to be available for all sections (throughout the page)

 

I am not able to make it sticky once the transition is done and along with that header while scrolling from black to white scrolling is not smooth

 

for reference please check the codesandbox here

[digambar patil]

Hi Community,

 

Gentle reminder to check this

[Rodrigo]

Hi,

 

You already provided the same demo and description in your other thread. Please don't create duplicated threads, we're already helping you in the other thread so please keep everything on that thread so we can focus our attention there.

 

Happy Tweening!