Multilayer parallax background

Question

I'm looking to do a parallax effect like this. However, I want to keep it to simplified JavaScript/jQuery and HTML instead of all the fancy stuff/scripts used in this--aka, HAML and Coffeescript. (I feel rather stupid looking at the scripts here... forgive my ignorance.)

https://medium.com/@PatrykZabielski/how-to-make-multi-layered-parallax-illustration-with-css-javascript-2b56883c3f27

I've combed the internet and can't seem to find something that works quite like this (having the parallax be just the illustration on top of the page versus a whole page parallax).

Any suggestions? Thanks in advanced.

Answer 1

This is quite late, but I'm suprised nobody has answered this. This example is probably one of the clearest examples, and if you export the final codepen, the original html, css and javascript is there for you to learn from. ALternatively there is this one which explains the javascript side of things quite nicely. http://www.javascriptkit.com/dhtmltutors/parallaxscrolling/