[Fixed Header onScroll] - Header get's class when scrolled #ui #sass #scss #code_bundles #header

_header.js

const _headerFN = () => {
  const $header   = document.querySelector('.header');
  const scrollTop = window.scrollY,
        offsetTop = 60;
 
 
  if (scrollTop >= offsetTop && window.innerWidth > 767) {
    $header.classList.add('jsOnScroll');
    document.body.classList.add('jsOnScroll-header');
  } else {
    $header.classList.remove('jsOnScroll');
    document.body.classList.remove('jsOnScroll-header');
  }
}
 
export default _headerFN;

_header.scss

.header {
 	
  &.jsOnScroll {
	// Add code here
  }
}