wood burning stoves 2.0*
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


Win a copy of Murach's Java Servlets and JSP this week in the Servlets forum!
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: 826
    
  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: 295
    
    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.
 
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
 
subject: neat trick - how is it done
 
Similar Threads
How to find visible row count in JTable?
Turn off text wrapping in JTextPane
hiding exceeded data in h:dataTable columns
Table nested inside a div
Understanding Bounds for JTable and JScrollPane