Tiny Responsive Parallax Scrolling Plugin With jQuery - scrollize.js

Tiny Responsive Parallax Scrolling Plugin With jQuery - scrollize.js
File Size: 3.24 KB
Views Total: 4143
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

scrollize.js is a super tiny (~1.6kb unminified) jQuery plugin which applies a responsive, smooth parallax scrolling effect to background images.

How to use it:

1. Load jQuery library and the jQuery scrollize.js script in the html page when needed.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="scrollize.js"></script>

2. Call the function on the content section where you want to apply the parallax effect.

$('#section').scrollize();

3. Add a background image to the content section and done.

#section1 {
  width: 100%;
  background-image: url(bg.jpg);
  background-position: 50% 0px;
}

4. Options and defaults.

$('#section').scrollize({
  initY:0,
  deltaY:0
});

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