HosaEna Header Solid Transition

(function(){

  const header = document.querySelector('.site-header');

  function setSolidByScroll(){

    if(!header) return;

    if(window.scrollY > 50){

      header.classList.add('he-solid');

    } else {

      header.classList.remove('he-solid');

    }

  }

  window.addEventListener('scroll', setSolidByScroll, {passive:true});

  document.addEventListener('DOMContentLoaded', setSolidByScroll);

  if(header){

    header.addEventListener('mouseenter', ()=> header.classList.add('he-solid'));

    header.addEventListener('mouseleave', ()=> setSolidByScroll());

  }

})();