Scrolling/depth: how is it done?


I tried to look at the source of Keep On Turning | Andrei Ivanoff | Interactive Creative Director but I’m not yet able to understand how the scrolling effect of depth (images scrolling down at different speeds) is achieved.

Is it pure css? js?


It’s controlled by JS, but, even with JS off, the effect is pretty neat. It’s just enhanced by the JS.

Thanks for your reply :slight_smile:

Could you spot which script enhances the effect? Is it the HTML Canvas Library ?

look up the jQuery plugin called

“jQuery Parallex scrolling”

i just recently used it on a site i built for a youth event here in Olympia, Washington

check out the source code it might make a little more sense…

feel free to email me if you want to know more…

i’ll actually be posting a tutorial on how I coded the site soon too