Can you explain how we can Freeze an object and then Unfreeze it on scroll behavior.
For e.g. http://www.giampierobodino.com/en/
A white panel is frozen / pinned to the center of the screen and only when the next object comes up and the bottoms of both objects align, THEN it unfreezes and continues to scroll.
What if we want it to freeze and unfreeze based not on another object but simply by marking certain points on the page which if crossed, it should Freeze and then another mark when crossed, it should unfreeze?
Can you you explain for both scenarios. 1. Based on another object and 2. Based on 2 marks on a page