jQuery(function() { //caches a jQuery object containing the header element jQuery(window).scroll(function() { var scroll = jQuery(window).scrollTop(); if (scroll >= 300) { jQuery('body').addClass("scroll"); } else { jQuery('body').removeClass("scroll"); } }); });