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