Bump version for #285, improve README

Author: inorganik

README.md

@@ -7,6 +7,7 @@ CountUp.js supports all browsers. MIT license.
 
 ## [Try the demo](https://inorganik.github.io/countUp.js)
 
+Or tinker with CountUp in [Stackblitz](https://stackblitz.com/edit/countup-typescript)
 
 ## Jump to:
 
@@ -34,7 +35,7 @@ CountUp.js supports all browsers. MIT license.
 
 ## Usage:
 
-**On npm**: `countup.js`
+**On npm** as: `countup.js`. You can import as a module or include the UMD script and access CountUp as a global. See [detailed instructions](#including-countup) below.
 
 **Params**:
 - `target: string | HTMLElement | HTMLInputElement` - id of html element, input, svg text element, or DOM element reference where counting occurs

dist/countUp.js

@@ -15,7 +15,7 @@ var CountUp = /** @class */ (function () {
         var _this = this;
         this.endVal = endVal;
         this.options = options;
-        this.version = '2.2.0';
+        this.version = '2.3.0';
         this.defaults = {
             startVal: 0,
             decimalPlaces: 0,
@@ -158,7 +158,8 @@ var CountUp = /** @class */ (function () {
         if (!self || !window || self.once)
             return;
         var bottomOfScroll = window.innerHeight + window.scrollY;
-        var bottomOfEl = self.el.offsetTop + self.el.offsetHeight;
+        var rect = self.el.getBoundingClientRect();
+        var bottomOfEl = rect.top + rect.height + window.pageYOffset;
         if (bottomOfEl < bottomOfScroll && bottomOfEl > window.scrollY && self.paused) {
             // in view
             self.paused = false;

dist/countUp.min.js

@@ -21,7 +21,7 @@
             var _this = this;
             this.endVal = endVal;
             this.options = options;
-            this.version = '2.2.0';
+            this.version = '2.3.0';
             this.defaults = {
                 startVal: 0,
                 decimalPlaces: 0,
@@ -164,7 +164,8 @@
             if (!self || !window || self.once)
                 return;
             var bottomOfScroll = window.innerHeight + window.scrollY;
-            var bottomOfEl = self.el.offsetTop + self.el.offsetHeight;
+            var rect = self.el.getBoundingClientRect();
+            var bottomOfEl = rect.top + rect.height + window.pageYOffset;
             if (bottomOfEl < bottomOfScroll && bottomOfEl > window.scrollY && self.paused) {
                 // in view
                 self.paused = false;