Выделить елемент в шапке сколько проскроленно, как-то так

main.js

   var elems = {};
    var scrolled = 0;

    scrolled = $(window).scrollTop();
    
     
    for(var g in elems){

      if(scrolled > elems[g].top - $(window).height()/2 && scrolled < (elems[g].top + $(`#${g}`).height())){
        $(`[data-scroll]`).removeClass('active');
        $(`[data-scroll='${g}']`).addClass('active');
      }
    }