vue-scroll
scroll directive for vuejs 2.0
For vue 1.x, please use vue-scroll@1.0.4 or higher version. Currently its code is in master branch.
Installation
NPM(recommended)
npm install vue-scroll --save
Standlone
Simple download and include it in script tag.
Usage
It's very simple, just declar in html tags and provide a defined callback - the scroll function below.
In javasript:
new Vue({
el: '#app',
data: {},
methods:{
onScroll:function(e, position){
this.position = position;
}
}
})
The function onScroll has two arguments, e is the scroll event object, position is an object which has two properties about the postion of scroll bar:
- scrollTop type:number
- scrollLeft type:number
In html:
<body v-scroll="onScroll">
...
</body>
Samples
LICENSE
MIT