jQuery Plugin To Fade Out Elements On Scroll - OpacityOnScroll

File Size: 7.75 KB
Views Total: 1379
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Fade Out Elements On Scroll - OpacityOnScroll

OpacityOnScroll is a dead simple jQuery plugin used to fade out specific elements by adjusting the opacity of them when the user scrolls down the webpage.

How to use it:

1. Link to the required JavaScript files as follow:

<script src="//code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="src/opacityOnScroll.js"></script>

2. Call the plugin and pass the CSS selector(s) as the parameter to the scroll function.

scroll('.section1');
scroll('.section2');
scroll('.section3');

This awesome jQuery plugin is developed by jakub0or. For more Advanced Usages, please check the demo page or visit the official website.