Simulates the Parallax Scroll Effect jQuery Plugin | parallax.js

jQuery Parallax is a script that simulates the parallax effect. A very lightweight jQuery component (less than 1 KB) that applies a parallax scrolling effect to a background image by making it move slower than the entire page.

Read More – Simple And Easy To Use Parallax Scroll Library | SimpleParallax

How to make use of it:

1. Add position-fixed background photos to the parallax container.

<div id="example">
  ... Any Content Here ...
</div>
#example {
  background: url(bg.jpg) 50% 0 no-repeat fixed;
  background-size: cover;
  height: 600px;
  /* more styles here */
}

2. Download and insert the JavaScript jquery.parallax.min.js after loading the newest jQuery library.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/jquery.parallax.min.js"></script>

3. To allow the parallax scrolling impact, simply connect the function to the parallax container and accomplished.

$(document).ready(function(){
  $('#example').parallax();
});

4. Set the speed factor from 0 to 1.

$('#example').parallax({
  speedFactor: .4
});

5. Set the preliminary place of the parallax factor.

$('#example').parallax({
  offsetX: "50%",
  offsetY: 0,
});

Read More –

Smooth Parallax Scrolling Background Image In Pure CSS Library
True Parallax Scrolling JavaScript Library | parallax-js

1kb Parallax Scroll jQuery Plugin/Github, div parallax scrolling jquery, custom parallax effect jquery, scrolling effect in jquery


See Demo And Download

Official Website(leowebguy): Click Here

This superior jQuery/javascript plugin is developed by leowebguy. For extra Advanced Usage, please go to the official website.

Share