Vue.js component for parallax image scroll effects

vue-parallaxy

Add a parallax scroll effects to your images in Vue 2 projects. Demo here.

Example

Install

npm install vue-parallaxy or yarn add vue-parallaxy

Usage

vue-parallax works with slots

App.vue

<script>
  import Parallax from 'vue-parallaxy'
  export default {
    components: {
      Parallax
    }
  }
</script>
<template>
<div id="app">
<div>
<!-- Other parallax effect. Image is fixed in position -->
<parallax :fixed="true">
    <img src="http://i.imgur.com/kG9NK44.jpg"  alt="very cool bg">
</parallax>
</div>
</div>
</template>

More props are available

vue-parallax is on GitHub