[JavaScript][HTML]problem z wykonaniem kodu Opcje

[viamarimar]

Mam na stronie header a w nim:

[PHP] pobierz, plaintext 
<header > 
     ...			
                    <div class="intro-text">
                       <span class="name">TEST</span>
 
			...
</header>
[PHP] pobierz, plaintext 

w js mam kod

[PHP] pobierz, plaintext 
//dodaje shinka
$(document).on("scroll", function(){
		if($(document).scrollTop() > 220 ){
			$('span.name').addClass('shrink'); 
		console.log('add');
		}
		else{
			$('span.name').removeClass('shrink');
			console.log('remove111111');
		}
 
});  
[PHP] pobierz, plaintext 

razem z polaczeniem css daje mi to efekt ze napis TEST idzie do paska navbar ktory nazywam header.

Teraz chce ostylowac "header"

[PHP] pobierz, plaintext 
<header class="klasa"> 
[PHP] pobierz, plaintext 

jednakze ten sam kod w js przestaje juz dzialac, wie ktos dlaczego?