À propos de 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 à considérer
Voir toutes les alternatives
Badges
Faites la promotion de Rellax.js et donnez-lui plus de visibilité en ajoutant ces badges à votre site web, votre documentation ou votre fiche produit. Chaque badge renvoie vers la page de Rellax.js sur 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="Mis en avant sur Webfolio" style="max-width: 150px" /></a>
Catégories
Revendiquer cet outil
Vous êtes le fondateur ? Revendiquez votre profil pour mettre à jour les détails et suivre les vues.