How can I place a link at the bottom of the viewport on first page load?

Question

I'm trying to achieve an effect similar to the one seen here on Dropbox's landing page. Notice that there's a link at the bottom of your browser viewport ('learn more'). This is always at the bottom of the page on first load. However, it's not fixed to the bottom of the window as you can scroll past it.

Any idea how to achieve this? A CSS or jquery solution is fine.

Answer 1

It's a link within a div which has the following CSS (the div 's):

position: absolute;
bottom: 50px;
left: 0;
width: 100%;
text-align: center;
cursor: pointer;

The important parts there are position:absolute and bottom:50px