This example shows how to change styles on HTML elements whether they are in the browsers viewport or not. Only the blocks 200px under the tow border and 200px above the bottom border are affected here. This is a pure JS and CSS demo (no jQuery).
This effect can be used for the « lazy-load » functions on pages with a huge amount of media like images of videos.