This time I will share jQuery Plugin and tutorial about jQuery Plugin For Scroll-triggered Fade In Effect – fadeInElements.js, hope it will help you in programming stack.
fadeInElements.js is a very small (~3kb) jQuery plugin that detects the scroll position and adds a fadeIn effect to specific elements as they scrolled into view. Based on jQuery fadeto() method that adjusts the opacity of the matched elements as you scroll down the page.
How to use it:
1. Include jQuery library and the jQuery fadeInElements.js script on the html page.
1 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
2 |
<script src="fadeInElements.js"></script> |
2. Add initial opacity to your fadein elements.
3. Call the function on the fadein elements and done.
1 |
$('.item').fadeInElements(); |
4. Setup the fadein effect.
1 |
$('.item').fadeInElements({ |
This awesome jQuery plugin is developed by Ryan8765. For more Advanced Usages, please check the demo page or visit the official website.
