可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

I want to create a page with 4 columns which reacts, when the user scrolls, like this page.

I tried to modify this script by duplicating columns, but it didn't work.

Could you help me by showing me a way to do that?

回答1:

i have run into the same problem and decided to solve it on my own.

Differential scrolling is a different concept from parallax. Even though some people talk about them as the same thing, they are not.

This is a contribution of mine to the Web, I hope you enjoy it as much as I enjoyed coding it: Differential Scrolling jQuery Plugin.

In reference to what Rory mentioned - some info/tutorials about Parallax, and some plugins:

http://www.richardshepherd.com/smashing/parallax/background.html
http://coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/
http://www.webdesignshock.com/one-page-website/
http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
http://www.franckmaurin.com/the-parallax-effects-with-jquery/
http://webdev.stephband.info/parallax.html

Plugins:

In complement of what DBUK mentioned, I can add those links:

a great demo from Nike http://www.nike.com/jumpman23/aj2012/
a collection of parallax http://webdesignledger.com/inspiration/21-examples-of-parallax-scrolling-in-web-design (make sure to see each example, some are really great ! ex: http://benthebodyguard.com/index.php http://www.siebennull.com/ http://janploch.de/)
Mercedez Class A web site http://a-class.mercedes-benz.com/com/en/index.html#!/?s=live (not really parallax but still great)
a tutorial on how to make an image slider using parallax effect http://tympanus.net/codrops/2011/01/03/parallax-slider/
another tutorial with different effects http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/
a library to do parallax https://github.com/cameronmcefee/plax
another library https://github.com/markdalgleish/stellar.js