Lightweight Scroll Animation Library – sal.js

Sal - Lightweight scroll animation library
File Size: 2.61 KB
Views Total: 3164 views
Last Update:June 15, 2024
Publish Date: September 27, 2017
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

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);


Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :
  • v0.8.5
  • 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 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.

Related jQuery Plugins

You Might Also Like