define(['jquery'], function ($) {
    return function (config, element) {
        var $element = $(element);
        var $body = $("body");
        var $header = $(".js-header-sticky");
        var onScroll = function(){
            var headerHeight = $header.outerHeight();
            if($(window).scrollTop() > 50){
                $element.addClass("header-sticky");
                $body.css({"padding-top": headerHeight + "px"});
            } else {
                $element.removeClass("header-sticky");
                $body.css({"padding-top": "0px"});
            }
        };
        $(window).scroll(onScroll);
        onScroll();
    };
});