Press "Enter" to skip to content

Responsive Parallax Scroll Background Image with jQuery Plugin

Parallax Scroll jQuery Plugin that allows you to implement a familiar Parallax effect with your background image in vertical scrolling of the page.

parallax scrolling div jquery, javascript parallax background, image parallax effect jquery, parallax scrolling library, best parallax plugin

How to make use of it:

1. jQuery parallax scroll plugin is loaded after installing the jQuery library.

<script src="jquery.min.js"></script>
<script src="parallaxScroll.js"></script>

2. All content that is part of a parallax scroll section must be included in a single div with a unique ID.

<div id="container">
  ...
</div>

3. An optional div element with contents that should fade may also be included.

<div id="fade">
  <h1>Scroll down to see the magic!</h1>
</div>

4. Enable the plug-in and override the options to customize the parallax scrolling effect.

new jQPS({

  // container id
  containerId: "demo",

  // path to your background image
  backgroundImgUrl: "bg.jpg",

  // fadeElementId is optional
  fadeElementId: "fade",

  // scroll speed,
  // 1-5
  scrollSpeed: 2

});

minimal parallax effect with jquery, parallax-scroll Plugin/Github, responsive parallax background image


See Demo And Download

Official Website(scottyschup): Click Here

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

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *