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

A jQuery script for creating background parallax effect that make your background images move slower than foreground content as you scroll down the webpage.

parallax scrolling

Documentation

jquery-background-paralax-effect

How to use:

#####1. Include paralaxbg.min.js to your project. Also, you have to include jQuery library in your project. #####2.1 Add the class "paralaxbg" to element you want to have the paralax effect. #####2.2 Optionaly, add attribute "data-paralaxbg-speed" to that element and give it a value. Values close to 0 are give a faster speed. If is not addded this attribute, the default value is 20. #####3. Call the function "initParalaxBg()" in your custom .js file or directly in your html page.

Demo: http://catalinteodorescu.github.io/jquery-background-paralax-effect/


You May Also Like