Pick saveDirect from component instance.

Author: tangbc

demo/item.vue

@@ -37,6 +37,7 @@
 	}
 	.indx {
 		width: 50px;
+		font-weight: bold;
 	}
 	.urid {
 		width: 60px;

demo/request_mock.js

@@ -1,6 +1,7 @@
 import Mock from 'mockjs';
 
-let user_count = 0;
+let user_count = 1;
+let request_times = 0;
 export function fetchData (count) {
 	var list = [];
 	let Random = Mock.Random;
@@ -18,5 +19,7 @@ export function fetchData (count) {
 		});
 	}
 
+	request_times++;
+
 	return list;
 }

src/index.js

@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import { throttle } from './util';
 
+// some data help to calculate
 let delta = {
 	total: 0,
 	direct: '',
@@ -12,6 +13,16 @@ let delta = {
 	bench_padding: 0
 };
 
+// save scroll direct and last scroll position
+const saveDirect = (scrollTop) => {
+	if (!delta.last_top) {
+		delta.last_top = scrollTop;
+	} else {
+		delta.direct = delta.last_top > scrollTop ? 'UP' : 'DOWN';
+		delta.last_top = scrollTop;
+	}
+};
+
 Vue.component('virtual-list', {
 
 	props: {
@@ -38,7 +49,7 @@ Vue.component('virtual-list', {
 			let viewHeight = cont.offsetHeight;
 			let listHeight = listbox.offsetHeight;
 
-			this.recordDirect(scrollTop);
+			saveDirect(scrollTop);
 
 			// scroll to top
 			if (scrollTop === 0) {
@@ -56,15 +67,6 @@ Vue.component('virtual-list', {
 			}
 		}, 16, true, true),
 
-		recordDirect (scrollTop) {
-			if (!delta.last_top) {
-				delta.last_top = scrollTop;
-			} else {
-				delta.direct = delta.last_top > scrollTop ? 'UP' : 'DOWN';
-				delta.last_top = scrollTop;
-			}
-		},
-
 		showNext () {
 			delta.page_type = 'NEXT';
 			this.$emit('bottom');
@@ -95,7 +97,7 @@ Vue.component('virtual-list', {
 						}
 
 						return index >= (delta.start_index - this.pageCounts)
-							&& index <= (delta.start_index - 1);
+							&& index < delta.start_index;
 					});
 
 					if (nowStartIndex !== udf) {