Project build

dist/scripts/stickyheaders.jquery.js

@@ -1,4 +1,14 @@
-;(function($, window, document, undefined) {/* global WheelEvent */
+;(function($, document, undefined) {
+(function(root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    define([], factory);
+  } else if (typeof exports === 'object') {
+    module.exports = factory();
+  } else {
+    root.StickyHeaders = factory();
+  }
+}(this, function() {
+/* global WheelEvent */
 'use strict';
 
 var SCROLL_WIDTH = (function() {
@@ -36,6 +46,7 @@ function StickyHeaders(el, options) {
     this.options = options;
     this.stuckHeadersHeight = 0;
     this._updating = false;
+    this._events = [];
 
     this._readListStyles();
 
@@ -61,7 +72,7 @@ function StickyHeaders(el, options) {
 
     this._createHeaderContainer();
 
-    el.addEventListener('scroll', this.onScroll.bind(this));
+    this._on('scroll', this.onScroll);
 }
 
 StickyHeaders.prototype._readListStyles = function() {
@@ -75,7 +86,7 @@ StickyHeaders.prototype._readListStyles = function() {
 };
 
 StickyHeaders.prototype._createHeaderContainer = function() {
-    var header = document.createElement('div');
+    var header = this.header = document.createElement('div');
     header.className = 'sticky-container';
 
     var headerWrap = document.createElement('div');
@@ -167,12 +178,27 @@ StickyHeaders.prototype.onHeaderScroll = function(ev) {
     ev.preventDefault();
 };
 
+StickyHeaders.prototype._on = function(event, handler) {
+    handler = handler.bind(this);
+    this.element.addEventListener(event, handler);
+    this._events.push({
+        el: this.element,
+        ev: event,
+        handler: handler
+    });
+};
+
+StickyHeaders.prototype.destroy = function() {
+    this._events.forEach(function(eventData) {
+        eventData.el.removeEventListener(eventData.ev, eventData.handler);
+    });
+    this.element.parentNode.removeChild(this.header);
+};
+
 StickyHeaders.prototype.isWithinHeaderContainer = function(header, scrollTop) {
     return header.top >= scrollTop && header.top <= this.headerContainerHeight + scrollTop;
 };
 
-window.StickyHeaders = StickyHeaders;
-
 var pluginName = 'stickyHeaders';
 
 function Plugin(element, options) {
@@ -182,11 +208,11 @@ function Plugin(element, options) {
 }
 
 Plugin.prototype.init = function() {
-    this.akno = new StickyHeaders(this.element, this.options);
+    this.widget = new StickyHeaders(this.element, this.options);
 };
 
 Plugin.prototype.destroy = function() {
-    this.akno.destroy();
+    this.widget.destroy();
     $.removeData(this.element, 'plugin_' + pluginName);
     this.element = null;
 };
@@ -205,12 +231,15 @@ $.fn[pluginName] = function(options) {
             var instance = $.data(this, dataKey);
             if (instance instanceof Plugin) {
                 // call with the widget instance if not on the plugin
-                if(!$.isFunction(instance[options]) && $.isFunction(instance.akno[options])) {
-                    instance = instance.akno;
+                if(!$.isFunction(instance[options]) && $.isFunction(instance.widget[options])) {
+                    instance = instance.widget;
                 }
                 instance[options].apply(instance, Array.prototype.slice.call(args, 1));
             }
         });
     }
 };
-})(jQuery, window, window.document);
+
+return StickyHeaders;
+}));
+})(jQuery, window.document);

dist/scripts/stickyheaders.js

@@ -1,4 +1,14 @@
-;(function(window, document, undefined) {/* global WheelEvent */
+;(function(document, undefined) {
+(function(root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    define([], factory);
+  } else if (typeof exports === 'object') {
+    module.exports = factory();
+  } else {
+    root.StickyHeaders = factory();
+  }
+}(this, function() {
+/* global WheelEvent */
 'use strict';
 
 var SCROLL_WIDTH = (function() {
@@ -36,6 +46,7 @@ function StickyHeaders(el, options) {
     this.options = options;
     this.stuckHeadersHeight = 0;
     this._updating = false;
+    this._events = [];
 
     this._readListStyles();
 
@@ -61,7 +72,7 @@ function StickyHeaders(el, options) {
 
     this._createHeaderContainer();
 
-    el.addEventListener('scroll', this.onScroll.bind(this));
+    this._on('scroll', this.onScroll);
 }
 
 StickyHeaders.prototype._readListStyles = function() {
@@ -75,7 +86,7 @@ StickyHeaders.prototype._readListStyles = function() {
 };
 
 StickyHeaders.prototype._createHeaderContainer = function() {
-    var header = document.createElement('div');
+    var header = this.header = document.createElement('div');
     header.className = 'sticky-container';
 
     var headerWrap = document.createElement('div');
@@ -167,9 +178,27 @@ StickyHeaders.prototype.onHeaderScroll = function(ev) {
     ev.preventDefault();
 };
 
+StickyHeaders.prototype._on = function(event, handler) {
+    handler = handler.bind(this);
+    this.element.addEventListener(event, handler);
+    this._events.push({
+        el: this.element,
+        ev: event,
+        handler: handler
+    });
+};
+
+StickyHeaders.prototype.destroy = function() {
+    this._events.forEach(function(eventData) {
+        eventData.el.removeEventListener(eventData.ev, eventData.handler);
+    });
+    this.element.parentNode.removeChild(this.header);
+};
+
 StickyHeaders.prototype.isWithinHeaderContainer = function(header, scrollTop) {
     return header.top >= scrollTop && header.top <= this.headerContainerHeight + scrollTop;
 };
 
-window.StickyHeaders = StickyHeaders;
-})(window, window.document);
+return StickyHeaders;
+}));
+})(window.document);