Scrolling/depth: how is it done?

Hello,

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?

:slight_smile:

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

www.repossessme.com

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