About Rellax.js
Rellax.js is a minimal, performance-focused JavaScript library for creating smooth parallax scrolling effects. With customizable speed, responsive breakpoints, and options for centering and z-index control, it's designed for developers who want elegant motion without complexity.
FAQ
You can install Rellax via npm using 'npm install rellax --save' or by downloading the rellax.min.js file and including it in your project folder.
Use the data-rellax-speed attribute to set the speed. The default value is -2, and you can set it between -10 and +10. A negative value makes it move slower, while a positive value makes it move faster.
Yes, you can center parallax elements by using the data-rellax-percentage attribute or by setting the center option to true in the Rellax constructor.
You can enable horizontal parallax scrolling by passing 'horizontal: true' in the settings block of the Rellax constructor. You can also disable vertical parallax scrolling by passing 'vertical: false'.
To refresh Rellax, call the 'refresh()' method on the Rellax instance. To destroy Rellax and reset the parallax elements to their original positions, call the 'destroy()' method.
Yes, you can specify a custom wrapper by passing the 'wrapper' property in the settings block of the Rellax constructor. This will tell Rellax to watch that element instead of the body.
Alternatives to consider
Community ratings & full list
Badges
Promote Rellax.js giving it more exposure, by adding these badges to your website, documentation, or product listing. Each badge links back to Rellax.js page on Webfolio.
<a href="https://www.webfolio.to/tools/rellax-js?utm_source=badge&utm_campaign=badge" target="_blank" rel="noopener noreferrer"><img src="https://www.webfolio.to/badges/featured_color.svg" alt="Featured on Webfolio" style="max-width: 150px" /></a>
Categories
Claim this tool
Are you the founder? Claim your profile to update details and track views.