How to make this interaction?

Design help Animations & Interactions
1

Hi there,

I am trying to build a layout with the same interaction Webflow is using in this page.

The left content of each section remains fixed until all elements of the right column have been displayed.

Is there any tutorial or project where I can see how it’s done?

Thanks in advance!

2

This is not the interaction this can be achieved by simple css property position:sticky.
Just give the left hand side text div position: sticky and you are done. Let me know if you have any question.

Thanks
Khan

3

@Haji_Khan_Keerio maybe I am wrong but if I set a div position: sticky it will remain visible all the time. It should only be visible if there’s content of its section in the screen.

4

It would be great if you can share read-only link of your project. I can explain there easily.