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.
jquery parallax scrolling background image, parallax js examples, best parallax js library, horizontal parallax scrolling jquery
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;
background parallax scroll library, parascroll.js Plugin/Github
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.
Be First to Comment