File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
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 EJB 3 in Action this week in the EJB and other Java EE Technologies 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

neat trick - how is it done

J. Kevin Robbins
Ranch Hand

Joined: Dec 16, 2010
Posts: 632

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.

"There is no reason for any individual to have a computer in his home" ~ Ken Olson, Co-founder of DEC, 1977
Daniel Hirning
Ranch Hand

Joined: Sep 16, 2013
Posts: 47

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

Joined: Nov 06, 2012
Posts: 267

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: 47

Thanks Rob, that's the one.
I agree. Here's the link:
subject: neat trick - how is it done
Similar Threads
How to find visible row count in JTable?
Understanding Bounds for JTable and JScrollPane
Table nested inside a div
hiding exceeded data in h:dataTable columns
Turn off text wrapping in JTextPane