jQuery

jQuery sticky header on scroll

V1

$(function() {
    var header = $(".header");
	
    $(window).scroll(function() {
        var scroll = $(window).scrollTop();

        if (scroll >= 1) {
            header.removeClass('full').addClass("sticky");
        } else {
            header.removeClass("sticky").addClass('full');
        }
    });
	
});

V2

jQuery(document).ready(function($) {
    var stickyHead = function() {
        $('.header').toggleClass('sticky', $(document).scrollTop() > 0);
    }
    stickyHead();
    $(window).on('scroll touchmove', stickyHead);
});