🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

backgroundParallax.js is a really simple jQuery plugin which applies a subtle parallax scrolling effect to your background images using CSS position property.

parallax scrolling

Documentation

jQuery.backgroundParallax.js

A small jQuery plugin to make parallax background image animation.

Usage:

Markup

<div class="parallax-panel" data-src="images/01.png"></div>

Please note: data-src is optional if you added background image via CSS.

Styles - optional

.parallax-panel {   min-height: 400px; }

Initialization:

$('.parallax-panel').backgroundParallax();

Options:

You need to pass a object for options.

css To add custom style.

Defaults:

{   backgroundSize: 'cover',   backgroundPosition: '50% 0',   backgroundRepeat: 'no-repeat',   overflow: 'hidden' }

isMobile Enable disable in mobile device.

Default: true if mobile device found.

Options example:

$('.parallax-panel').backgroundParallax({ 	css: { 		backgroundSize: 'cover', 		backgroundPosition: '50% 0', 		backgroundRepeat: 'no-repeat', 		overflow: 'hidden' 	}, 	isMobile: false });

You May Also Like