addClassToBodyOnscroll.js

export function addClassToBodyOnscroll(elementReference) {
  let timer;


  const mainNav = $(elementReference);
  const mainNavH = mainNav.outerHeight();
  console.group('scrollTop');
      console.log('mainNavH', mainNavH);
  console.groupEnd();
  $(window).scroll(function() {
    if (timer) clearTimeout(timer);
    timer = setTimeout(function() {
      if (($(window).scrollTop()) < 2) {
        $('body').removeClass('scrolled');
      } else {
        $('body').addClass('scrolled');
      }
      if (($(window).scrollTop()) < mainNavH) {
        $('body').removeClass('scrolled-below-nav');
      } else {
        $('body').addClass('scrolled-below-nav');
      }
    }, 10);
  });
}