0

I'm looking to do a parallax effect like this.

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

However, I don't quite understand all the fancy stuff/scripts used in this, like HAML and Coffeescript.

How can I do this with simplified JavaScript/jQuery and HTML, having the parallax be just the illustration on top of the page versus a whole page parallax?

mkrieger1
  • 19,194
  • 5
  • 54
  • 65
ticklishoctopus
  • 63
  • 1
  • 10
  • On the codepen linked in the example, click the arrow in the top right of the coffeescript and select "compiled javascript" and you can see the js – bwest Apr 03 '18 at 01:32

1 Answers1

2

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/

mkrieger1
  • 19,194
  • 5
  • 54
  • 65
cracksix
  • 21
  • 4