Implemented scrollingProgress callback and getScrollProgress method. C…

…loses #44 #48
NeXTs · Nov 11, 2015 · 2878963 · 2878963
1 parent d89eee2
commit 2878963
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 14 deletions.
diff --git a/clusterize.js b/clusterize.js
@@ -1,4 +1,4 @@
-/*! Clusterize.js - v0.13.0 - 2015-11-10
+/*! Clusterize.js - v0.14.0 - 2015-11-11
 * http://NeXTs.github.com/Clusterize.js/
 * Copyright (c) 2015 Denis Lukov; Licensed MIT */
 
@@ -41,7 +41,8 @@
       no_data_text: 'No data',
       keep_parity: true,
       verify_change: false,
-      callbacks: {}
+      callbacks: {},
+      scroll_top: 0
     }
 
     // public parameters
@@ -99,6 +100,8 @@
       }
       if (last_cluster != (last_cluster = self.getClusterNum()))
         self.insertToDOM(rows, cache);
+      if (self.options.callbacks.scrollingProgress)
+        self.options.callbacks.scrollingProgress(self.getScrollProgress());
     },
     resize_debounce = 0,
     resizeEv = function() {
@@ -136,6 +139,10 @@
     self.getRowsAmount = function() {
       return rows.length;
     }
+    self.getScrollProgress = function() {
+      return this.options.scroll_top / (rows.length * this.options.item_height) * 100 || 0;
+    }
+
     var add = function(where, _new_rows) {
       var new_rows = isArray(_new_rows)
         ? _new_rows
@@ -191,7 +198,8 @@
     },
     // get current cluster number
     getClusterNum: function () {
-      return Math.floor(this.scroll_elem.scrollTop / (this.options.cluster_height - this.options.block_height)) || 0;
+      this.options.scroll_top = this.scroll_elem.scrollTop;
+      return Math.floor(this.options.scroll_top / (this.options.cluster_height - this.options.block_height)) || 0;
     },
     // generate empty row if no data provided
     generateEmptyRow: function() {

diff --git a/clusterize.min.js b/clusterize.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "clusterize.js",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Tiny vanilla JS plugin to display large data sets easily",
   "main": "clusterize.js",
   "style": "clusterize.css",