[Add Class to Header on Scroll] #jquery #pinned

addClass-on-scroll.js

(function($) {
    $(window).scroll(function() {
        var header = $(document).scrollTop();
        var headerHeight = $(".header").outerHeight();
        if (header > headerHeight) {
            $(".header").addClass("fixed");
        } else {
            $(".header").removeClass("fixed");
        }
    });
})( jQuery );