How to keep web content below the users view?

This is a strange question but, is there a way to keep a block of content below the view of the page no matter what size the page is?

I've seen it where parallax scrolling kind of does that but it's more code than I need. I don't plan on having any foreground / background scrolling effects.

Just want a title page that will show and a call to action button that will scroll down to content with no unnecessary amount of margin/padding that would skew the flow on a mobile device.

Example of almost working product http://www.keisha.in/testing

/*Section 1 */
#portfolio {
    margin-top: 100%;
    position: absolute;
}

/*Section 2 */
#resume {
    margin-top: 200%;
    position: absolute;
}

<div id="title"> Title Page  <a href="#portfolio">Work</a> </div>


<div id="portfolio"> Stuff </div>

<div id="resume"> Other Stuff </div>