I want a section (could be bigger than the viewport height) revealing from bottom on scroll like this website <http://actualidea.com>. 

I know something like this can be done with footer position fixed (like the snippet) but I want something similar to the example website [link](http://actualidea.com/) so that I can use that section anywhere in the page. 

Any jQuery ideas are welcome!

Thanks in advance!

```
footer {
    height: 200px;
    position: fixed;
    bottom: 0;
}

```