This time I will share jQuery Plugin and tutorial about jQuery Plugin To Create Parallax Effects On Page Scroll – parallaxed.js, hope it will help you in programming stack.
parallaxed.js is an ultra-light jQuery plugin for applying smooth parallax effects to given elements on vertical or horizontal page scrolling.
How to use it:
1. Include jQuery library and the jQuery parallaxed.js script on the webpage.
1 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
2 |
<script src="src/parallaxed.js"></script> |
2. Use the data-parallaxed-speed attribute to specify the different scrolling speeds for your parallax elements.
02 |
data-parallaxed-speed="1.5"> |
07 |
data-parallaxed-speed=".5"> |
12 |
data-parallaxed-speed=".8"> |
3. Enable the parallax scrolling effect on the elements.
1 |
$('.parallax').parallaxed(); |
4. All the options can be passed via data-* attribute on elements or via ‘option’ object during initialization.
01 |
$('.parallax').parallaxed({ |
This awesome jQuery plugin is developed by smashed-potatoes. For more Advanced Usages, please check the demo page or visit the official website.
