Browser sniffer for `position: sticky;`

jquery.sticky-header.js

function stickyTitles(stickies) {

  this.load = function () {

    stickies.each(function () {

      var thisSticky = $(this).wrap('<div class="sticky-header-bump-wrap" />');
      thisSticky.parent().height(thisSticky.outerHeight());

      $.data(thisSticky[0], 'pos', thisSticky.offset().top);

    });
  }

  this.scroll = function () {

    stickies.each(function (i) {

      var thisSticky = $(this),
        nextSticky = stickies.eq(i + 1),
        prevSticky = stickies.eq(i - 1),
        pos = $.data(thisSticky[0], 'pos');

      if (pos <= $(window).scrollTop()) {

        thisSticky.addClass("fixed");

        if (nextSticky.length > 0 && thisSticky.offset().top >= $.data(nextSticky[0], 'pos') - thisSticky.outerHeight()) {

          thisSticky.addClass("absolute").css("top", $.data(nextSticky[0], 'pos') - thisSticky.outerHeight());

        }

      } else {

        thisSticky.removeClass("fixed");

        if (prevSticky.length > 0 && $(window).scrollTop() <= $.data(thisSticky[0], 'pos') - prevSticky.outerHeight()) {

          prevSticky.removeClass("absolute").removeAttr("style");

        }

      }
    });
  }
}

set-sticky.js

// If it doesn't support `position: sticky;` do the js scroll method
if (!window.getComputedStyle(document.querySelector('.sticky-test')).position.match(/sticky/)) {
  stickyBumpySections();
}else{
    $('.sticky-section-hed').css({
      'position': 'sticky',
      'position': '-webkit-sticky',
      'position': '-moz-sticky',
      'position': '-o-sticky',
      'position': '-ms-sticky',
      'position': 'sticky',
      'z-index': 1
    });
};

function stickyBumpySections(){
  var newStickies = new stickyTitles($(".sticky-section-hed"));

  newStickies.load();

  $(window).on("scroll", function () {
    newStickies.scroll();
  });
  
};