Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

neat trick - how is it done

 
J. Kevin Robbins
Bartender
Posts: 1744
19
Chrome Firefox Browser jQuery Linux MySQL Database Netbeans IDE
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Check out this page.

How did they do that amazing scrolling effect? I've been digging through their Javascript with Firebug, but I can't decipher the secret. It looks like an event handler tied to the scroll wheel action is reducing the height of one div while increasing the height of another, but I can't find the actual code. It's very slick.
 
Daniel Hirning
Ranch Hand
Posts: 50
1
Android Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
That is a nice effect, I wouldn't mind seeing more like it.
 
Rob Crowther
author
Ranch Hand
Posts: 297
5
Android Fedora Firefox Browser
  • Likes 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Have a google for 'parallax js' - there are a number of libraries and example pages available.
 
Daniel Hirning
Ranch Hand
Posts: 50
1
Android Eclipse IDE Java
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Thanks Rob, that's the one.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic