Lightweight Scroll Animation Library – sal.js

Animation
Demo    Download
Sal - Lightweight scroll animation library
File Size: 2.61 KB
Views Total: 234 views
Last Update:April 12, 2021
Publish Date: September 27, 2017
Official Website: Go to website
License: MIT
Plugin Author: mciastek

A lightweight scroll animation library with sal is free JavaScript Plugin. it can be provide different-2 effects animation on mouse scroll. you can use in web/mobile side fully supported.

How To Use :

Add sal.js javascript Library in header or footer section :

<script type="text/javascript" src="sal.js"></script>

In HTML, add a data-sal attribute with the animation name as value :

 <div class="item"></div>

Then simply initialize Sal in your script file :

window.onload = () => {
    window.SAL = sal({
        threshold: 0.0001, // Viewport block percentage
        once: false, // Animate only the first time or constantly
        selector: '.item', // Block selector for animation
        animateClassName: 'item_animate', // Animation class hanging on blocks falling into viewport
        disabledClassName: 'item_disabled', // Class hanging on body when sal.disable()
    });

    // Smooth scroll
    // (scroll element, scroll value, inertia)
    window.SS = new SmoothScroll(document, 70, 8);
}

Done

List Of Version :
  • v0.8.4
  • v0.8.3
  • v0.8.2
  • v0.8.1
  • v0.8.0
  • v0.7.8
  • v0.7.7
  • v0.7.6
  • v0.7.5
  • v0.7.4
  • v0.7.3
  • v0.7.2
  • v0.7.1
  • v0.7.0
  • v0.6.6
  • v0.6.5
  • v0.6.4
  • v0.6.3
  • v0.6.2
  • v0.6.1
  • v0.6.0
  • v0.5.0

Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.