This a simple module that allows to set a vertical Parallax effect on the background of any element on the DOM.
Download and enable Parallax Background Module.
From jQuery Parallax on GitHub download, rename and save jquery.scrollTo.js and jquery.parallax.js on the module's /js directory.
They should look like this:
- Goto admin page in
- Define the element you want to apply the Parallax effect using any valid jQuery selector. The selector should point to the element that holds the background, for example:
- Additionally you need to define the inertia (relative speed) of the background and its horizontal position.
Depending on the position of your element, you need to apply some top-padding to align the background when entering viewport.
Other jQuery Modules
- Maintenance status: Actively maintained
- Development status: Under active development
- Reported installs: 2,584 sites currently report using this module. View usage statistics.
- Downloads: 11,076
- Automated tests: Enabled
- Last modified: 2 December 2014
- Stable releases for this project are covered by the security advisory policy.
Look for the shield icon below.