Start at bottom then scroll up

I'm trying to make my site animate from bottom to top on page load.

Like on this site: http://partnersandspade.com/studio/

The issue is that my site starts scrolling from halfway down on my site, not from the bottom.

What I have now is this:

jQuery(window).load(function(){
    $('html,body').animate({ scrollTop: $(document).height() }, 0);
    $('html,body').animate({ scrollTop: 0 }, 4000);
});

Any suggestions?