Create Smooth & Beautiful Animations When You Scroll | lax.js

How to make use of it:

Install and import the lax.js.

# Yarn
$ yarn add lax.js

# NPM
$ npm i lax.js --save

import lax from 'lax.js'

Or instantly link to the primary JavaScript file within the doc.

window.onload = function() {
  lax.init()
  // Add a driver that we use to control our animations
  lax.addDriver('scrollY', function() {
    return document.body.scrollTop
  })
  // Add animation bindings to elements
  lax.addElements('.selector', {
    scrollY: {
      translateX: [
        ["elInY", "elCenterY", "elOutY"],
        [0, 'screenWidth/2', 'screenWidth'],
      ]
    }
  }
})

Apply a number of animations to a component utilizing the data_lax_preset attribute. All attainable animations.

<div class="lax lax_preset_fadeIn-50-100 lax_preset_spin">
  Laxxx Example
</div>

Awesome Scroll Effects In JavaScript, lax js Plugin/Github

See Demo And Download