Simple Parallax Scrolling Plugin For jQuery - scrolly

Simple Parallax Scrolling Plugin For jQuery - scrolly
File Size: 698KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

How to start using jQuery?

More in this category...

View our Recommended Plugins

TOP 100 jQuery Plugins 2013

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

<script>
    $(document).ready(function(){
       $('.parallax').scrolly({bgParallax: true});
    });
</script>

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