vue-any-parallax
v1.0.5
Published
Simple parallax component for vue
Downloads
3
Readme
vue-any-parallax
Simple parallax component for vue
安装 Install
npm i vue-any-parallax -S
使用 Usage
import Vue from 'vue';
import App from './App.vue';
// import
import VueAnyParallax from 'vue-any-parallax';
// use
Vue.use(VueAnyParallax);
// if you need custom the component name, you can:
Vue.use(VueAnyParallax, {
name: 'custom-name'
});
new Vue({
el: '#app',
render: h => h(App)
});
<template>
<div>
<vap>
....
</vap>
<custom-name>
...
</custom-name>
</div>
</template>
Props
speed
- the transition duration.- default: 100(ms)
distance
- move distance- default: 100
reverse
- the offset direction- default: true
display
- the display of element- default: 'block'
timingFunction
- the timing-function of transition- default: 'cubic-bezier(0.960, 1.005, 0.885, 1.035)'
el
- The DOM element witch need bind themousemove
event- default: window