vue-rellax

vue-rellax

A plugin of Vue that adds a directive for parallax effect by Rellax.js.

Getting Started

Install

npm i vue-rellax -S

or

yarn add vue-rellax

Usage

import Vue from 'vue'
import VueRellax from 'vue-rellax'

Vue.use(VueRellax)

const vm = new Vue({
  el: '#app',
  template: `
    <div v-rellax="{
      // Rellax Options
      // See: https://github.com/dixonandmoe/rellax#features
      speed: -2,
    }">
      I’m slow and smooth
    </div>
  `
})

For Nuxt.js

In your nuxt.config.js

{
  plugins: [
    { src: 'node_modules/vue-rellax/lib/nuxt-plugin', ssr: false }
  ]
}