How to display element with animation when it is in the viewing area?

Question

I'm wondering how to do something like this?

http://themeforest.net/item/cheeky-ajax-loading-one-pager-template/full_screen_preview/7751172

When you scroll down, elements are showing up on the screen with animation. Could someone give me a simple example of sth like this ?

Answer 1

最简单的解决方案是使用此库http://scrollrevealjs.org/