Parascroll.js provides a simple image scroller that can be easily integrated into any website. It is ideal for backgrounds on “hero” style elements but can be used on any background element.
Once you include the script at the bottom of your file, it will automatically set up parallax scrolling. Note that any elements added dynamically will not be affected.
Must Read: [Multiple Layers] Simple and ULTRA Light Parallax Scrolling Effect | shadowllax
How to make use of it:
1. Load the compiled and minified version of parascroll.js into the document.
<script src="parascroll.js"></script>
2. Add the CSS class “parallax-bg” to the target container and specify the background image in the “data-bgurl” attribute.
<div class="parallax-bg header" data-bgurl="1.jpg">Header</div>
3. You can change the default animation speed by overriding the “SCROLL_SPEED” parameter like this:
var SCROLL_SPEED = 0.6;
See Demo And Download
Official Website(Sircular): Click Here
This superior jQuery/javascript plugin is developed by Sircular. For extra advanced usage, please go to the official website.
