SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    Jul 2011
    Posts
    199
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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?


  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    It's controlled by JS, but, even with JS off, the effect is pretty neat. It's just enhanced by the JS.

  3. #3
    SitePoint Zealot
    Join Date
    Jul 2011
    Posts
    199
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your reply

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

  4. #4
    SitePoint Member
    Join Date
    Jul 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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
    Last edited by Mittineague; Jul 29, 2011 at 20:11. Reason: OP forgot to turn off auto-title


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •