digambar patil

Thanks @GreenSock

Hi Team, I am using the following transition but only issue i am facing is when window is resized the transition is not working as expected but if I refresh then works well. I have attached screenshots for the same. https://codesandbox.io/p/sandbox/modern-river-forked-2wj9rf?file=%2Fsrc%2Fcomponents%2FThankYou.tsx

Hello @Rodrigo will try to create a figma design or an video and will share with you in somedays. Let me try to explain again what I am trying to do here, till background black thank you block is all good and working as you shared once the black background scrolls vertically with the same effect (scrolling vertically effect) navbar(header) also converted from black to white. Not sudden as shown here https://codepen.io/snorkltv/pen/KKvQOKY The white background navbar(header) will be sticky for other sections (last containers)

Vertical scroll from black to white is what i am trying to create for navbar. In this video which I referred previously changing header background color without scroll effect.

I am trying to create a scroll effect for header as well from black to white vertically when moving from thank you block to last container block

Thanks @Rodrigo for your prompt response, only thing is remaining is black background should also scroll from navbar and on last container navbar background should be white with sticky which is I am not able to make it. Will take a reference and try to do it. If you get it then please share the solution. Thank you in advance

Hi @Rodrigo Thanks for your response, the sticky header needs to be available on all sections like thank you with transition and on all last container with white background. Also the black background needs to be vertically scrolled effect when transition from black to white on last container first section only thing I am struggling is this one. Let me know if you need more information

Trying to create same effect but with sticky header which needs to present on all page. @Rodrigo I am not able to see the codesandbox, "Sandbox not found"

Hi Community, Gentle reminder to check this

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 On page load header (sticky header) and thank you section in white background with text (menu and thank you text) in black color On scroll, horizontally it should scroll and background should be black for header and thank you section with text in background with "sticky" header then on scroll to end, start vertical scrolling with sticky header with white background 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

Hello @mvaneijgen and community Thank you for your help which helped me to move forward with code but I am stuck again, let me explain in brief On page load header (sticky header) and thank you section in white background with text (menu and thank you text) in black color On scroll, horizontally it should scroll and background should be black for header and thank you section with text in background with "sticky" header then on scroll to end, start vertical scrolling with sticky header with white background 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

thank you @mvaneijgen you are a rockstar, works well with scrolltrigger

Hello Guys, I am trying to create an effect with horizontal scroll where text will be static and will change the color according to background color. Please Codesandbox Example where 1. First block has white background with "Thank You" text in black 2. On scroll, horizontally it should scroll and background should be black and "Thank you" text should be in white 3. then on scroll to end, start vertical scrolling