Scrolls a image slower than the window to create a neat optical effect.

npm install --save-dev vue-parallax

or include build/bundle.js.

# in your component
components:
  "parallax": require("vue-parallax")
# or, when using bundle.js
components:
  "parallax": window.vueComps.parallax

<parallax src="path/to/img">
  <div slot="loading">loading...</div>
  <div>content</div>
</parallax>

content will be shown after loading

For examples see dev/.

| Name | description | | ---:| --- | ---| --- | | image-loaded | will be called when the image is loaded | | loaded | will be called when the first calculation - after a image is loaded - is finished |

Clone repository.

npm install
npm run dev

Browse to http://localhost:8080/.

Copyright (c) 2016 Paul Pflugradt Licensed under the MIT license.