Change version number to 1.1.2. Fix: issue calculating element's size for SVG on Firefox.

Author: diegoversiani

README.md

@@ -103,8 +103,9 @@ This will install all the necessary tools for compiling minified files.
 __1.1.2__
 
 - Improvement: Extend public method `getScrollPercent` to return scroll percentage for elements.
-- Fix position calculation to 2 decimals precision.
-- Fix scroll percent calculation based on containerSize.
+- Fix: issue calculating element's size for SVG on Firefox
+- Fix: position calculation to 2 decimals precision for better performance.
+- Fix: scroll percent calculation based on `containerSize`.
 
 __1.1.1__
 

dist/smooth-parallax.js

@@ -244,13 +244,15 @@
           baseHeight,
           transformValue;
 
+      // Try get element's size with `scrollWidth` and `scrollHeight`
+      // otherwise use `getComputedStyle` which is more expensive
       if ( p.baseSizeOn == 'elementSize' ) {
-        baseWidth = _movingElements[i].scrollWidth;
-        baseHeight = _movingElements[i].scrollHeight;
+        baseWidth = _movingElements[i].scrollWidth || parseFloat( window.getComputedStyle( _movingElements[i] ).width );
+        baseHeight = _movingElements[i].scrollHeight || parseFloat( window.getComputedStyle( _movingElements[i] ).height );
       }
       else if ( p.baseSizeOn == 'containerSize' ) {
-        baseWidth = p.container.scrollWidth - _movingElements[i].scrollWidth;
-        baseHeight = p.container.scrollHeight - _movingElements[i].scrollHeight;
+        baseWidth = p.container.scrollWidth - (_movingElements[i].scrollWidth || parseFloat( window.getComputedStyle( _movingElements[i] ).width ) );
+        baseHeight = p.container.scrollHeight - (_movingElements[i].scrollHeight  || parseFloat( window.getComputedStyle( _movingElements[i] ).height ) );
       }
 
       // Need to calculate percentage for each element

dist/smooth-parallax.min.js

@@ -244,13 +244,15 @@
           baseHeight,
           transformValue;
 
+      // Try get element's size with `scrollWidth` and `scrollHeight`
+      // otherwise use `getComputedStyle` which is more expensive
       if ( p.baseSizeOn == 'elementSize' ) {
-        baseWidth = _movingElements[i].scrollWidth;
-        baseHeight = _movingElements[i].scrollHeight;
+        baseWidth = _movingElements[i].scrollWidth || parseFloat( window.getComputedStyle( _movingElements[i] ).width );
+        baseHeight = _movingElements[i].scrollHeight || parseFloat( window.getComputedStyle( _movingElements[i] ).height );
       }
       else if ( p.baseSizeOn == 'containerSize' ) {
-        baseWidth = p.container.scrollWidth - _movingElements[i].scrollWidth;
-        baseHeight = p.container.scrollHeight - _movingElements[i].scrollHeight;
+        baseWidth = p.container.scrollWidth - (_movingElements[i].scrollWidth || parseFloat( window.getComputedStyle( _movingElements[i] ).width ) );
+        baseHeight = p.container.scrollHeight - (_movingElements[i].scrollHeight  || parseFloat( window.getComputedStyle( _movingElements[i] ).height ) );
       }
 
       // Need to calculate percentage for each element