From 598ee5bf298a6dcc57521a3227227a989177f428 Mon Sep 17 00:00:00 2001
From: Darren Hwang <dhwang@xactlycorp.com>
Date: Wed, 10 May 2017 19:18:44 -0700
Subject: [PATCH 1/2] Fix issue #6, IE browser support

---
 lrStickyHeader.js | 41 ++++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/lrStickyHeader.js b/lrStickyHeader.js
index 0803949..30b3a3c 100644
--- a/lrStickyHeader.js
+++ b/lrStickyHeader.js
@@ -44,49 +44,52 @@
       }
     },
     eventListener: function eventListener () {
-      var offsetTop = getOffset(this.thead, 'offsetTop') - Number(this.headerHeight);
+      var offsetTop = getOffset(this.thead, 'offsetTop') - parseInt(this.headerHeight);
       var offsetLeft = getOffset(this.thead, 'offsetLeft');
       var parentOffsetTop = this.parentIsWindow ? 0 : getOffset(this.parent, 'offsetTop');
-      var parentScrollTop = this.parentIsWindow ? parent.scrollY : this.parent.scrollTop;
+      var parentScrollTop = this.parentIsWindow ? parent.pageYOffset : this.parent.scrollTop;
       var classes = this.thead.className.split(' ');
 
+      // For cross-browser compatibility and IE, use window.pageYOffset instead of window.scrollY
+      this.windowOffsetY = this.parentIsWindow ? 0 : window.pageYOffset;
+      var styleTop = parseInt(this.headerHeight) + parentOffsetTop - parseInt(this.windowOffsetY) + 'px';
+
       if (this.stick !== true && (offsetTop - (parentOffsetTop + parentScrollTop) < 0) &&
-          (offsetTop + this.tbody.offsetHeight - (parentOffsetTop + parentScrollTop) > 0)) {
+        (offsetTop + this.tbody.offsetHeight - (parentOffsetTop + parentScrollTop) > 0) && this.thead.style.top !== styleTop) {
         this.stick = true;
         this.treshold = offsetTop;
-        this.windowScrollY = this.parentIsWindow ? 0 : window.scrollY;
         this.setWidth();
         this.thead.style.left = offsetLeft + 'px';
-        this.thead.style.top = Number(this.headerHeight + parentOffsetTop - this.windowScrollY) + 'px';
+        this.thead.style.top = styleTop;
         setTimeout(function () {
           classes.push('lr-sticky-header');
           this.thead.style.position = 'fixed';
           this.thead.className = classes.join(' ');
-          this.element.style.marginTop = Number(this.thead.offsetHeight) + 'px';
+          this.element.style.marginTop = parseInt(this.thead.offsetHeight) + 'px';
         }.bind(this), 0);
       }
 
-      if (this.stick === true && !this.parentIsWindow && this.windowScrollY !== window.scrollY) {
-        this.windowScrollY = window.scrollY;
-        this.thead.style.top = Number(this.headerHeight + parentOffsetTop - this.windowScrollY) + 'px';
+      if (this.stick === true && !this.parentIsWindow && this.windowOffsetY !== window.pageYOffset && this.thead.style.top !== styleTop) {
+        this.thead.style.top = styleTop;
       }
 
-      if (this.stick === true && (
-                 (this.parentIsWindow && (this.treshold - parentScrollTop > 0)) ||
-                 (parentScrollTop <= 0))) {
-        this.stick = false;
-        this.thead.style.position = 'initial';
-        classes.splice(classes.indexOf('lr-sticky-header'), 1);
-        this.thead.className = (classes).join(' ');
-        this.element.style.marginTop = '0';
+      if (this.stick === true) {
+        if (this.parentIsWindow && this.treshold - parentScrollTop > 0 || parentScrollTop <= 0) {
+          this.stick = false;
+          this.thead.style.position = ''; // IE does not support 'initial'
+          this.thead.style.top = '';
+          this.element.style.marginTop = '';
+          classes.splice(classes.indexOf('lr-sticky-header'), 1);
+          this.thead.className = (classes).join(' ');
+        }
       }
     }
   };
 
   return function lrStickyHeader (tableElement, options) {
     var headerHeight = 0;
-    if (options&&options.headerHeight)
-      headerHeight=options.headerHeight;
+    if (options && options.headerHeight)
+      headerHeight = parseInt(options.headerHeight);
     var parent = window;
     if (options && options.parent) {
       parent = options.parent;

From 9badc0f2bb72ec6a5e6c63d64d29bd2eee784193 Mon Sep 17 00:00:00 2001
From: Darren Hwang <dhwang@xactlycorp.com>
Date: Fri, 12 May 2017 10:34:10 -0700
Subject: [PATCH 2/2] IE browser support, code was accessing "parent" instead
 of "this.parent"

---
 lrStickyHeader.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lrStickyHeader.js b/lrStickyHeader.js
index 30b3a3c..c68d569 100644
--- a/lrStickyHeader.js
+++ b/lrStickyHeader.js
@@ -47,7 +47,7 @@
       var offsetTop = getOffset(this.thead, 'offsetTop') - parseInt(this.headerHeight);
       var offsetLeft = getOffset(this.thead, 'offsetLeft');
       var parentOffsetTop = this.parentIsWindow ? 0 : getOffset(this.parent, 'offsetTop');
-      var parentScrollTop = this.parentIsWindow ? parent.pageYOffset : this.parent.scrollTop;
+      var parentScrollTop = this.parentIsWindow ? this.parent.pageYOffset : this.parent.scrollTop;
       var classes = this.thead.className.split(' ');
 
       // For cross-browser compatibility and IE, use window.pageYOffset instead of window.scrollY