A Lightweight jQuery Plugin For Image Parallax Scrolling Effect

smooth-scroll-parallax-jquery

mini parallax is a small jQuery plugin that adds parallax scrolling effects to background images using the Window.requestAnimationFrame() method.

parallax js, jquery parallax scrolling, jquery parallax plugin, parallax js examples, vanilla js parallax, smooth scroll parallax jquery

How to make use of it:

1. Load the jQuery Mini Parallax plug-in after loading the jQuery JavaScript library.

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="jquery.mini.parallax.js"></script>

2. Add a parallax background image to your content section.

.section {
  height: 500px;
  background: url(1.jpg) no-repeat 50% 50%;
  background-size: cover;
}

3. Call the plugin.

$('.section').miniParallax();

4. Default parameters.

$('.section').miniParallax({
  inset : 1,
  speed : 0.5
});

Lightweight Image Parallax Scrolling, jQuery mini parallax Plugin/Github


See Demo And Download

Official Website(im4aLL): Click Here

This superior jQuery/javascript plugin is developed by im4aLL. For extra advanced usage, please go to the official website.