Parallax Scrolling Effect Using JavaScript

As always, I needed some code to be able to create the parallax scrolling effect for one of my websites that needed a re-vamp (www.minimatic.com.au).

I didn't really want to use a library as such, and preferred vanilla Javascript and CSS.

After trying out many example bits of code - that didn't work, I came across this beauty.

A YouTube video titled "Parallax Scrolling Effect Using JavaScript" created by Julio Codes.

Julio creates the example from scratch and describes everything as they go.

I followed the video and typed in the code as I was watching. After typing everything in I opened up the html file and .... it worked. I had previously copied and pasted around 10 other examples from various websites without success.

I will save you time and will make the code available for download. I would recommend that you checkout the Julio Codes channel on YouTube.

Download: JulioCodesParallax.zip