scrolltrigger zoom in image then scrolling horizontally

[Nora]

Hey

The problems:
-when I scrolling, and after the text appear there is a black screen is showen 
- after blue div the image that I zooming in is showen 

 

what I'm expecting:

- scrolling to zoom image 
- text appear with the video playing
- scrolling horizontally to reach red div 
- scrolling vertically to reach blue div

 

Thank You in advance!

See the Pen mdxGdxQ by nora10 (@nora10) on CodePen

[Cassie]

Hi there!

 

Your question has had a lot of views and no one has answered yet. You're more likely to receive a response if your question contains the following.

 

• A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
• A clear description of the issue -  "the purple div only spins 90deg"
• A list of steps for someone else to recreate the issue - "Open the demo on mobile and scroll down to the grey container" 
• A minimal demo

 

Phrases like 'It's a mess' and 'everything works well' don't help us to understand what the issue or expected behaviour is.

 

Thanks!

[Nora]

thank you for advising

I already put a minimal demo to explains the problem

The problems:
-when I scrolling, and after the text appear there is a black screen is showen 
- after blue div the image that I zooming in is showen 

 

what I'm expecting:

- scrolling to zoom image 
- text appear with the video playing
- scrolling horizontally to reach red div 
- scrolling vertically to reach blue div

 

and sorry if that not clear my English is not good

[Cassie]

Wonderful - I understand. Thanks

I think maybe you'd be better off with just one timeline?

like so?

See the Pen OJvGGbm?editors=1010 by GreenSock (@GreenSock) on CodePen