Add direction property to support load data when scroll to top

Author: PeachScript

src/components/InfiniteLoading.vue

@@ -39,21 +39,27 @@
   /**
    * get current distance from footer
    * @param  {DOM} elm    scroll element
+   * @param  {String} dir   calculate direction
    * @return {Number}     distance
    */
-  function getCurrentDistance(elm) {
-    const styles = getComputedStyle(elm === window ? document.body : elm);
-    const innerHeight = elm === window
-                      ? window.innerHeight
-                      : parseInt(styles.height, 10);
-    const scrollHeight = elm === window
-                       ? document.body.scrollHeight
-                       : elm.scrollHeight;
+  function getCurrentDistance(elm, dir) {
+    let distance;
     const scrollTop = isNaN(elm.scrollTop) ? elm.pageYOffset : elm.scrollTop;
-    const paddingTop = parseInt(styles.paddingTop, 10);
-    const paddingBottom = parseInt(styles.paddingBottom, 10);
-
-    return scrollHeight - innerHeight - scrollTop - paddingTop - paddingBottom;
+    if (dir === 'top') {
+      distance = scrollTop;
+    } else {
+      const styles = getComputedStyle(elm === window ? document.body : elm);
+      const innerHeight = elm === window
+                        ? window.innerHeight
+                        : parseInt(styles.height, 10);
+      const scrollHeight = elm === window
+                         ? document.body.scrollHeight
+                         : elm.scrollHeight;
+      const paddingTop = parseInt(styles.paddingTop, 10);
+      const paddingBottom = parseInt(styles.paddingBottom, 10);
+      distance = scrollHeight - innerHeight - scrollTop - paddingTop - paddingBottom;
+    }
+    return distance;
   }
 
   export default {
@@ -78,6 +84,10 @@
       },
       onInfinite: Function,
       spinner: String,
+      direction: {
+        type: String,
+        default: 'bottom',
+      },
     },
     mounted() {
       this.scrollParent = getScrollParent(this.$el);