Here is an effect I want to show with you, the idea is simple. The footer is not visible until you actually scroll to it. So, scroll!
Recently I had to develop one-pager, that had complicated animation in the header, that should progress forward/backward on page scroll. Because the page had to be very light, I decided to drop jQuery and TimelineMax and include only TweenLite and CSSPlugin. Here is the result:
The script is very compact, easy to use and modify, cross-browser ( Actually DOMContentLoaded is supported IE9+ ).
Have fun forking and modifying it.