Поменять класс Header при прокрутке страницы

//header при прокрутке страницы
(function(){
    $(window).on("scroll", function () {
        var scrolled = $(this).scrollTop();
        if( scrolled > 10 ) {
            $('.my-head').addClass('my-head--active');
        }   
        if( scrolled <= 10 ) {     
            $('.my-head').removeClass('my-head--active');
        }
    });
})();
//header при прокрутке страницы