Lightweight Vanilla Javascript Parallax Library – rellax

Category: Animation , Javascript | January 6, 2019
Author: dixonandmo
Views Total: 4,869
Official Page: Go to website
Last Update: January 6, 2019
License: MIT

Preview:

Lightweight Vanilla Javascript Parallax Library – rellax

Description:

rellax is a small vanilla JavaScript library which provides a smooth parallax scrolling effect on any DOM elements.

Basic usage:

Include the rellax JavaScript library on the webpage.

<script src="rellax.min.js"></script>

Initialize the rellax library.

var rellax = new Rellax('.rellax');

Add the CSS class ‘rellax’ to any element where you want to apply the parallax scrolling effect to.

<div class="rellax">
  I’m slow and smooth
</div>

Customize the scrolling speed using data-rellax-speed attribute (-10 to +10).

<div class="rellax" data-rellax-speed="6">
  I’m slow and smooth
</div>

Changelog:

v1.7.2 (01/06/2019)

  • fix umd global handling

v1.7.0 (10/21/2018)

  • cancelAnimation when calling destroy method

v1.6.1 (05/31/2018)

  • Bug Fixes and Performance Improvements

You Might Be Interested In:

Leave a Reply