Rellax for Nuxt 3
View github repo
Rellax

Add Rellax to your Nuxt app with ease

Custom wrapper

You can create a custom element and pass the wrapper property to the directive.
Visit this link for the full documentation: Custom Wrapper

I have rellax

I have no rellax

Speed

You can use the data-rellax-speed attribute to set the speed of the element to something other than the default value (which is -2). A negative value will make it move slower than regular scrolling, and a positive value will make it move faster. We recommend keeping the speed between -10 and +10.
Visit this link for the full documentation: Speed

Speed = 3

Speed = -1

Speed = -5

Composable

You can use the useRellax composable to create a rellax instance. The first argument is the selector of the element that you want to add the rellax effect to. The second argument is the options object.

Speed = -3

Speed = -1