Simple Parallax Scrolling Plugin For jQuery - scrolly
File Size: | 698 KB |
---|---|
Views Total: | 22313 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
scrolly is a simple, lightweight, and easy-to-use jQuery plugin for easily implements parallax scrolling effects to your web pages or web applications.
How to use it:
1. Markup
[CONTENT] <div class="parallax" data-velocity="-.3"></div> [CONTENT] <div class="parallax" data-velocity="-.1"></div> [CONTENT] <div class="parallax" data-velocity="-.5" data-fit="525"></div>
2. Include jQuery library and scrolly.js
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="../jquery.scrolly.js"></script>
3. Call the plugin
$(document).ready(function(){ $('.parallax').scrolly({bgParallax: true}); });
Change log:
2015-04-13
- Added AMD/NPM support.
This awesome jQuery plugin is developed by Victa. For more Advanced Usages, please check the demo page or visit the official website.