load div, images and/or scripts when they come in viewport

Question

When you see the following website: http://www.10kb.nl You can see that some parts are loaded when they come into the viewport.

I would love to learn how to create that but now i'm wondering what kind of javascript or css3 is used for this kind of effects so I can search online for the right tutorials.

Answer 1

There's a library called WOW.js that you can use / study. It's designed for this, and doesn't have too much in the way of dependencies (it uses animate.css for the animations, and it handles the scrolling events).

http://mynameismatthieu.com/WOW/