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 Dalgleish, available at http://markdalgleish.com/projects/stellar.js/. Arguably, the most well-known plugin is Skrollr, which can be downloaded from https://github.com/Prinzhorn/skrollr—this will form the basis of our next demo.