Add IE fallbacks

Author: razwan

jquery.rellax.js

@@ -1,5 +1,5 @@
 /*!
- * jQuery Rellax Plugin v0.3.1
+ * jQuery Rellax Plugin v0.3.2
  * Examples and documentation at http://pixelgrade.github.io/rellax/
  * Copyright (c) 2016 PixelGrade http://www.pixelgrade.com
  * Licensed under MIT http://www.opensource.org/licenses/mit-license.php/
@@ -39,7 +39,6 @@
             constructor: Rellax,
             _reloadElement: function() {
                 this.$el.removeAttr( 'style' );
-                this.$el.removeClass( 'rellax-element' );
 
                 this.offset = this.$el.offset();
                 this.height = this.$el.outerHeight();
@@ -48,32 +47,43 @@
                 this.offset.top -= this.options.bleed;
                 this.height += 2 * this.options.bleed;
 
-                if ( this.parent !== undefined ) {
-                    this.height = windowHeight - ( windowHeight - this.parent.height ) * ( 1 - this.options.amount );
-                    this.offset.top = ( this.parent.height - this.height ) / 2;
-                }
-
                 if ( this.parent === undefined && this.$parent.length ) {
                     var parentHeight = this.$parent.outerHeight();
 
                     this.height = windowHeight - ( windowHeight - parentHeight ) * ( 1 - this.options.amount );
                     this.offset.top = ( parentHeight - this.height ) / 2;
                 }
             },
+            _scaleElement: function() {
+                var parentHeight = this.$parent.outerHeight(),
+                    parentWidth = this.$parent.outerWidth(),
+                    scaleY = parentHeight / this.height,
+                    scaleX = parentWidth / this.width,
+                    scale = Math.max(scaleX, scaleY);
+
+                this.width = this.width * scale;
+                this.height = this.height * scale;
+
+                this.offset.top = ( parentHeight - this.height ) / 2;
+                this.offset.left = ( parentWidth - this.width ) / 2;
+            },
             _prepareElement: function() {
                 if ( this.parent == undefined ) {
                     this.$el.addClass( 'rellax-element' );
                     this.$el.css({
                         position: 'fixed',
-                        left: this.offset.left,
                         top: this.offset.top,
+                        left: this.offset.left,
                         width: this.width,
                         height: this.height
                     });
                 } else {
+                    this._scaleElement();
                     this.$el.css({
                         position: 'absolute',
                         top: this.offset.top,
+                        left: this.offset.left,
+                        width: this.width,
                         height: this.height
                     });
                 }
@@ -148,7 +158,7 @@
         var $window = $( window ),
             windowWidth = window.innerWidth,
             windowHeight = window.innerHeight ,
-            lastScrollY = window.scrollY,
+            lastScrollY = (window.pageYOffset || document.documentElement.scrollTop)  - (document.documentElement.clientTop || 0),
             frameRendered = true,
             elements = [];
 
@@ -191,7 +201,7 @@
             updateAll( true );
         }
 
-        var restart = throttle(badRestart, 1000);
+        var restart = throttle(badRestart, 300);
 
         function throttle(fn, threshhold, scope) {
             threshhold || (threshhold = 250);
@@ -230,7 +240,7 @@
 
             $window.on( 'scroll', function() {
                 if ( frameRendered === true ) {
-                    lastScrollY = window.scrollY;
+                    lastScrollY = (window.pageYOffset || document.documentElement.scrollTop)  - (document.documentElement.clientTop || 0);
                 }
                 frameRendered = false;
             });