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

npm install --save-dev vue-parallax
// vue@1.0
npm install --save-dev vue-parallax@1

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/.

If your assets are organized by webpack, this should work:

<parallax src=require('../assets/your-image.jpg')></parallax>

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

• 2.0.0
  now compatible with vue 2.0.0

• 1.0.0
  some cleaning
  added unit tests
  now working with firefox

Clone repository.

npm install
npm run dev

Browse to http://localhost:8080/.

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