vendor/assets/javascripts/base/_header.js in active_frontend-16.0.6 vs vendor/assets/javascripts/base/_header.js in active_frontend-16.0.7

@@ -4,27 +4,30 @@
   // HEADER CLASS DEFINITION
   // =======================
 
   var Header = function (element, options) {
     this.$element = $(element);
-    this.$window = $(window);
     this.settings = {
       addClass: this.$element.data('add-class') || Header.DEFAULTS.addClass,
+      container: this.$element.data('container') || Header.DEFAULTS.container,
       offset: this.$element.data('offset') || Header.DEFAULTS.offset,
       removeClass: this.$element.data('remove-class') || Header.DEFAULTS.removeClass
     };
     this.options = $.extend({}, Header.DEFAULTS, this.settings, options);
 
+    this.$window = $(this.options.container);
+
     this.init();
   };
 
   Header.VERSION = '1.0.0';
   Header.DEFAULTS = {
     addClass: '',
-    offset: 10,
+    container: window,
+    offset: 50,
     onSwapClassCallback: function () {},
-    removeClass: 'background-color-transparent border-color-bottom-transparent'
+    removeClass: ''
   };
 
   Header.prototype.constructor = Header;
 
   Header.prototype.init = function () {
@@ -38,10 +41,11 @@
   Header.prototype.swapClass = function (removeClass, addClass) {
     this.$element
       .removeClass(removeClass)
       .addClass(addClass);
 
-    this.options.onSwapClassCallback();
+    this.options
+      .onSwapClassCallback();
   };
 
   Header.prototype.toggleClasses = function () {
     if (this.$window.scrollTop() >= this.options.offset) {
       this.swapClass(this.options.removeClass, this.options.addClass);