Press "Enter" to skip to content

A Simple Javascript Background Parallax Scrolling Library | parascroll.js

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

    Leave a Reply

    Your email address will not be published.