O'Reilly logo

Mastering jQuery by Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Implementing responsive parallax scrolling

What is parallax scrolling all about? Put simply, it involves moving the background at a slower rate than the foreground to create a 3D effect while you scroll down the page.

Originally created by Ian Coyle for Nike back in 2011, parallax scrolling is a popular technique to use. It can provide a subtle element of depth but can be equally overwhelming if you don't use it properly!

To get a flavor of what is possible, take a look at the article on the Creative Bloq website, at http://www.creativebloq.com/web-design/parallax-scrolling-1131762.

There are dozens of parallax scrolling plugins available, such as the parallax.js plugin from PixelCog (at http://pixelcog.github.io/parallax.js/) or Stellar.js by Mark ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required