Scroll to reveal content?

I’d like to create a section where the content div is hidden in its initial state. The content div would be ‘revealed’ from the bottom of the parent div as the user scrolls down the page. I’d also like to use an image (think mountains) that would sit at the bottom of the parent div…giving the allusion of the content coming from up behind the mountain

Initial state:

Scrolling:

Any pointers?