How did they do those effects in http://artofflightmovie.com/?

Question

I have been trying to understand how they did those effects in http://artofflightmovie.com/ with no success so far. I am not even sure what to google for for help. Could any

Answer 1

That's a pretty cool website ;)

Basically using some javascript you can detect how far a person has scrolled. Considering the amount of scrolling you can move the contents of your webpage around if their position is absolute.

There are a couple of jQuery plugins that allow you to do simular stuff although I'm not sure you can "scroll through" a sequence of coordinates.

Here are a couple of jQuery plugins that helps you get simular effects:

• http://johnpolacek.github.com/scrolldeck.js/
• http://johnpolacek.github.com/scrollorama/
• http://demos.flesler.com/jquery/scrollTo
• http://webdev.stephband.info/parallax.html

I just picked a couple I'm familiar with but there are many plugins that are alike.

edit:

Decided to add some more simular websites for your pleasure.

• http://www.activatedrinks.com
• http://www.beetle.de
• http://www.nikebetterworld.com