"Animated" Scrolling Web Pages

Amik

Can someone tell me what these animated "scrolling" pages are called and how I would go about creating one?

http://coffee.pret.com/

NoelOC

They're called 'parallax scrolling' sites.

They look quite cool, but I find them very frustrating when I'm on them.

Amik

Thanks NoelOC!

First time I've heard that parallax term. I agree they're not ideal for Web sites but may try to write a short set of step-by-step instructions using this technique. Going to experiment.

justjustin

A quick look at the source shows that the site you linked is using skrollr, available on github.

http://prinzhorn.github.io/skrollr/

There are a few more examples on his github too. If you come up with anything nice you should post it back up here. Personally, I think these effects are most effective when a certain degree of subtlety is used, that coffee one is just obnoxious IMO.

Creamy Goodness

Best example of this done tastefully is http://www.apple.com/imac-with-retina/ IMO.

onemorechance

Bootstrap would be useful in trying to achieve this effect.

Themes and templates.

Amik

Thanks for all the info people!