Simple And Easy To Use Parallax Scroll Library | SimpleParallax

SimpleParallax is a small, simple, and easy-to-use scrolling parallax library. It uses CSS3 transformations along with requestAnimationFrame to create buttery smooth animations, with no dependencies. Get up and running in seconds.

parallax js, parallax scrolling javascript, parallax scrolling github, simple parallax scrolling, parallax js examples, jquery parallax scrolling, javascript parallax plugin

How to make use of it:

Installation:

$ npm install SimpleParallax

1. Download the mini version of the SimpleParallax library for faster page loading.

<script src="/path/to/SimpleParallax.min.js"></script>

2. Select a group of item items that contain target items and animation speed.

var elements = [
    {
      element: document.getElementById('section1'),
      speed: 1
    },
    {
      element: document.getElementById('section2'),
      speed: 0.2
    },
    {
      element: document.getElementById('section3'),
      speed: 2.5
    }
];

3. Activate the parallax scrolling effect on the items you select.

var parallax = new SimpleParallax(elements);

Performant Parallax Scrolling Library, SimpleParallax Plugin/Github


See Demo And Download

Official Website(christopherwk210): Click Here

This superior jQuery/javascript plugin is developed by christopherwk210. For extra advanced usage, please go to the official website.

Share