Scroll To Content

by austegard

HTML

<div id="somethingTall">Blah</div>
<div id="content"><h2>Content, yo</h2>
<p>    Stumptown viral ethical shoreditch artisan. Whatever chillwave umami bicycle rights, forage helvetica cosby sweater american apparel mustache mixtape before they sold out vice fixie. Cosby sweater 3 wolf moon Austin lomo, brooklyn mlkshk yr umami food truck small batch pickled vice thundercats truffaut master cleanse. 3 wolf moon vice +1 godard, banh mi cred synth direct trade pork belly keffiyeh mcsweeney's cardigan ennui high life. Carles locavore cardigan, bespoke truffaut authentic wes anderson pop-up. Scenester selvage wayfarers cosby sweater, cray hella 3 wolf moon vinyl iphone gentrify swag PBR hoodie terry richardson tofu. Ennui skateboard chambray fingerstache single-origin coffee.

 <p>   Cosby sweater tumblr yr, chambray mixtape wayfarers fingerstache chillwave put a bird on it post-ironic. Trust fund thundercats mixtape, scenester biodiesel williamsburg portland mumblecore 8-bit salvia chambray carles leggings. Food truck letterpress direct trade, quinoa pork belly semiotics leggings pop-up typewriter gentrify brunch bespoke. Kogi cred letterpress cardigan gentrify, fixie sustainable keytar leggings bicycle rights fingerstache stumptown trust fund before they sold out. Kogi organic scenester, street art banksy terry richardson PBR chillwave Austin butcher hoodie wolf. Put a bird on it umami PBR chambray photo booth mcsweeney's. Locavore wolf letterpress messenger bag sartorial ennui sustainable carles.
    
<p>
    Cosby sweater tumblr yr, chambray mixtape wayfarers fingerstache chillwave put a bird on it post-ironic. Trust fund thundercats mixtape, scenester biodiesel williamsburg portland mumblecore 8-bit salvia chambray carles leggings. Food truck letterpress direct trade, quinoa pork belly semiotics leggings pop-up typewriter gentrify brunch bespoke. Kogi cred letterpress cardigan gentrify, fixie sustainable keytar leggings bicycle rights fingerstache stumptown trust...

CSS

#somethingTall{height: 1200px; background-color: navy;}
body {
  -webkit-transition:all 1.0s ease-in-out;
  -moz-transition:all 1.0s ease-in-out;
  -o-transition:all 1.0s ease-in-out;
  transition:all 1.0s ease-in-out;
}

JavaScript

var scrollToContent = function(duration) {
    var contentTop = $("#content").offset().top;
    //$("body").css("transform", "translateY(" + -1 * contentTop + ")");
    $("html:not(:animated),body:not(:animated)").animate({
        scrollTop: contentTop
    }, duration);
};
setTimeout(scrollToContent, 1000, 500);