I'm talking about websites like [this FullToss one](http://www.espncricinfo.com/ci/content/zones/fulltoss/index.html) and [this ASUS one](http://eee.asus.com/en/transformer-300/features). 

I'm fascinated by how each of the floated elements seems to be scrolling at a different pace. And how the backgrounds appear to be layered and rise like curtains, hiding previously visible elements, and revealing new ones, as the user scrolls down or up the page.

I'm just not able to get my head around writing CSS/jQUery to achieve this effect. Any help, or a tiny working example would help!

**EDIT :**  

Thanks to Andrew and sevenseacat for pointing me to the "parallax" effect. I now know that [several websites use it](http://www.awwwards.com/30-great-websites-with-parallax-scrolling.html), including [this insane one that loops around scrolling](http://unfold.no/), and [this Range Rover site that doesn't even have a scrollbar](https://victoriabeckham.landrover.com/INT)!

I've accepted Scott's answer since it directly answers my question, but thanks to Andrew too for directing me to more resources.