How to make use of it:

1. Create a container aspect of the place of the parallax background.

<section id="parallax-container"></section>

2. Add a set background picture to the container.

#parallax-container {
  background-image: url('https://picsum.photos/1920/1680/?random');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 400px;
  width: 100%;
}

3. Put the JavaScript file simpleparallax.js.

<script src="simpleparallax.js"></script>

4. Initialize the library on the parallax container.

simpleParallax('#parallax-container',6);

Parallax Scroll Animation, Parallax Scroll Effect For Fixed Background, Parallax Scrolling Codepen, Pure CSS Parallax Background Image, Fixed-position Parallax Scroll Effect

See Demo And Download