Parallax the easy way

It occurred to me a while back that it would be pretty easy to make parallax sites with Edge Animate - all you’d have to do is add a little code to sync up the browser’s scrollbar and the animation timeline.

So I whipped up a demo that both demonstrates and explains how to do it. It speaks for itself, have a look:

• Easy Parallax with Edge Animate demo
• Sources on github

Update 2014/10/9: The demo and sources above are now updated to work well with the newest Edge Animate update. The only change in the source is that the code driving the parallax effect was moved from the creationComplete  event handler to compositionReady .

As always, questions/comments are welcome!