aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes neat trick - how is it done Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "neat trick - how is it done" Watch "neat trick - how is it done" New topic
Author

neat trick - how is it done

J. Kevin Robbins
Bartender

Joined: Dec 16, 2010
Posts: 1070
    
  13

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.


"The good news about computers is that they do what you tell them to do. The bad news is that they do what you tell them to do." -- Ted Nelson
Daniel Hirning
Ranch Hand

Joined: Sep 16, 2013
Posts: 50
    
    1

That is a nice effect, I wouldn't mind seeing more like it.
Rob Crowther
author
Ranch Hand

Joined: Nov 06, 2012
Posts: 297
    
    5

Have a google for 'parallax js' - there are a number of libraries and example pages available.


Read my books: Hello! HTML5 & CSS3 | HTML5 in Action | Read my blog
Daniel Hirning
Ranch Hand

Joined: Sep 16, 2013
Posts: 50
    
    1

Thanks Rob, that's the one.
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: neat trick - how is it done