v0.6.7

Author: Mobius1

README.md

@@ -525,15 +525,11 @@ The callback has one argument which returns the data object:
     index: // the current page index
     scrolled: // the current scroll offset
     max: // the maximum scroll amount possible
+    percent: // the scroll position as a percentage of the maximum scroll (v0.6.7 and above)
 }
 ```
 
-You can calculate the progress of the instance from the data:
-```javascript
-const percentage = data.scrolled / data.max * 100;
-```
-
-This can be helpful when adding progress indicators (see [Adding Progress Bars](https://mobius1.github.io/Pageable/progress.html)).
+The `percent` property can be helpful when adding progress indicators (see [Adding Progress Bars](https://mobius1.github.io/Pageable/progress.html)).
 
 ### Examples
 ```javascript

dist/pageable.min.css

@@ -4,7 +4,7 @@
  Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
  and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 
- Version: 0.6.6
+ Version: 0.6.7
 
 */
 .pg-pips{position:fixed;z-index:1000}.pg-pips ul{margin:0;padding:0}.pg-pips ul li{width:14px;height:14px;margin:7px;position:relative}.pg-pips ul li:hover a{width:10px;height:10px;margin:-5px 0 0 -5px}.pg-pips ul li a{display:block;cursor:pointer;text-decoration:none;border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#fff;left:50%;top:50%;margin:-2px 0 0 -2px}.pg-pips ul li a.active,.pg-pips ul li:hover a.active{position:absolute;height:14px;width:14px;margin:-7px 0 0 -7px;border-radius:100%}.pg-vertical .pg-pips{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.pg-vertical .pg-pips li{display:block}.pg-horizontal .pg-pips{bottom:10px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.pg-horizontal .pg-pips li{display:inline-block}

dist/pageable.min.js

@@ -1,6 +1,6 @@
 {
   "name": "pageable",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "Create full page scrolling web pages. No jQuery.",
   "main": "dist/pageable.min.js",
   "scripts": {

package.json

@@ -4,7 +4,7 @@
  Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
  and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 
- Version: 0.6.6
+ Version: 0.6.7
 
 */
 (function(root, factory) {
@@ -102,7 +102,7 @@
     };
 
     /**
-     * Pageable 0.6.6
+     * Pageable 0.6.7
      * 
      * https://github.com/Mobius1/Pageable
      * Released under the MIT license
@@ -933,10 +933,14 @@
      * @return {Object}
      */
     Pageable.prototype._getData = function() {
+        const scrolled = this.config.infinite ? this.scrollPosition - this.data.window[this.size[this.axis]] : this.scrollPosition;
+        const max = this.config.infinite ? this.scrollSize - this.data.window[this.size[this.axis]] * 2 : this.scrollSize; 
+
         return {
             index: this.index,
-            scrolled: this.config.infinite ? this.scrollPosition - this.data.window[this.size[this.axis]] : this.scrollPosition,
-            max: this.config.infinite ? this.scrollSize - this.data.window[this.size[this.axis]] * 2 : this.scrollSize
+            percent: scrolled / max * 100,
+            scrolled: scrolled,
+            max: max
         };
     };
 

src/pageable.js

@@ -4,7 +4,7 @@
  Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
  and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 
- Version: 0.6.6
+ Version: 0.6.7
 
 */
 $pip-color: #fff;