gerasimvol / vue-prlx

🔮 Vue.js parallax directive you were looking for (can animate translate & background-position)

vue-prlx

Demo and settings

🛠 Install

npm i vue-prlx

yarn add vue-prlx

🔌 Initialization

ES2015 (Webpack/Rollup/Browserify/etc)

import Vue from 'vue'

// As a plugin
import VuePrlx from 'vue-prlx'
Vue.use(VuePrlx);

// Or as a directive
import { VuePrlxDirective } from 'vue-prlx'
Vue.directive('prlx', VuePrlxDirective);

UMD (Browser)

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-prlx/dist/v-prlx.min.js"></script>
<script>
// As a plugin
Vue.use(VuePrlx.VuePrlxPlugin);

// Or as a directive
Vue.directive('prlx', VuePrlx.VuePrlxDirective);
</script>

⚙️ Demo and settings