Vue Parallaxo

Simple background parallax for Vue.js

The only parallax effect supported for now one single background which seems farther away from the user compared to main content.

Using pure CSS for the background effect and javascript for ensuring the scroll does not go beyond parallax content limit.

Installation

NPM

npm install vue-parallaxo

Yarn

yarn add vue-parallaxo

Usage

Import Vue Parallaxo

// Import Vue Picture Colouring
import VueParallaxo from 'vue-parallaxo'

export default {
    name: {
        'home-page'
    },
    components: {
        VueParallaxo          // Declare the component
    }
}

And simply use it giving a background image and content.

<vue-parallaxo src="path/to/background/picture.jpg">
  Your content goes here
</vue-parallaxo>