Add onScroll props

Author: tangbc

demo/demo.vue

@@ -3,7 +3,8 @@
 		<VirtualList
 			:itemHeight="30"
 			:remainItems="10"
-			v-on:toBottom="onBottom"
+			:onScroll="onListScroll"
+			v-on:end="onEnd"
 		>
 			<Item v-for="item in items" :item="item" :key="$index" />
 		</VirtualList>
@@ -28,16 +29,20 @@
 
 		data () {
 			return {
-				items: fetchData(100)
+				items: fetchData(20000)
 			}
 		},
 
 		methods: {
-			onBottom () {
+			onEnd () {
 				// let list = fetchData(20);
 				// if (list.length) {
 				// 	this.items = this.items.concat(list);
 				// }
+			},
+
+			onListScroll (offset, e) {
+				console.log(offset, e)
 			}
 		}
 	}

src/index.js

@@ -10,7 +10,8 @@ const VirtualList = Vue.component('vue-virtual-scroll-list', {
 		remainItems: {
 			type: Number,
 			required: true
-		}
+		},
+		onScroll: Function
 	},
 
 	// an object helping to calculate
@@ -25,8 +26,14 @@ const VirtualList = Vue.component('vue-virtual-scroll-list', {
 	},
 
 	methods: {
-		onScroll () {
-			this.updateZone(this.$refs.container.scrollTop);
+		handleScroll (e) {
+			let scrollTop = this.$refs.container.scrollTop;
+
+			this.updateZone(scrollTop);
+
+			if (this.onScroll) {
+				this.onScroll(e, scrollTop);
+			}
 		},
 
 		updateZone (offset) {
@@ -41,6 +48,7 @@ const VirtualList = Vue.component('vue-virtual-scroll-list', {
 			if (overs + this.remainItems >= delta.total) {
 				end = delta.total;
 				start = delta.total - delta.keeps;
+				this.$emit('end');
 			}
 
 			delta.end = end;
@@ -85,7 +93,7 @@ const VirtualList = Vue.component('vue-virtual-scroll-list', {
 				'height': viewHeight + 'px'
 			},
 			'on': {
-				'scroll': this.onScroll
+				'scroll': this.handleScroll
 			}
 		}, [
 			createElement('div', {