How do I make text fade in one by one on scroll in a single container?

Derp, my bad.,

https://preview.webflow.com/preview/the-fall-of-chop?utm_medium=preview_link&utm_source=designer&utm_content=the-fall-of-chop&preview=97aac6b694d6393d8d1f5497d732f61c&mode=preview

I’ve only managed to have the sample text appear on page load. Ideally I’d like the text to appear by scroll rather than page load and section to be sticky until all of the text has been scrolled though, if that makes any sense?

Thanks in advance and I apologize for probably a dumb question.