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.
Table of Contents
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
Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
