Change Div according to another Div's position

Design help Animations & Interactions
1

Hi everyone!

I have a question that I want to share. Is the next:

Can you change the content of a div block, in this case text, depending on the location of another div block?

Below video link of the effect I want to achieve.
http://www.fornax.com.ar/SampleDivsFinal.mov

I have tried to do it with “while scrolling in view” but since the position is registered with% and not vw when changing the size of the window it is not in exact location.

I don’t know if I explain myself well, I apologize for my English.

I hope you can guide me with this topic, thank you very much!

Here is my public share link: LINK
(how to access public share link)

2

Hi @rodrigo.l you can place invisible div’s on the page and have animations trigger when those invisible div’s scroll into view… so basically one div’s appearing in viewport trigger animation on other parts of the page…