 
  
   
  
   
  
   
  
   
  
  window.addEventListener('scroll', function() {
  if (pageYOffset > 50) {
    document.querySelector('.header').classList.add('active')
  } else {
    document.querySelector('.header').classList.remove('active')
  }
}) 
  
   
  
  <img src="image.jpg" alt="Картинка" width="200" height="100"/> 
  
   
  
   
  
   
  
   
  
  