There are two verisons of each element. One is hidden & fixed, and the other is visible & absolute.
Both are positioned with respect to the viewport.
Both are positioned with respect to the viewport.
Red BG
Contain 2
Pink BG
Contain 3
Orange BG
Blue BG
Fixed objects ~ "display: none"
containThree.js
containTwo.js
Contain 1
containOne.js
Awe-
25vh
25vh
When a container scrolls 100% into view the fixed element is shown, and the block element is hidden. Since containers 2 & 3 are inside one, elements only revert when you scroll back up!
-some-
Object Two
-ness!
Object Three
Awe-
-some-
-ness!
That's It!
Hope this makes sense. If not, please let me know in the comments.
Hope this makes sense. If not, please let me know in the comments.
