Как добавить класс при скроле до места и по клику на якорь?

Не могу никак понять как сделать так, чтобы при клике или до скрола якоря добавлялся класс именно в Меню1 сам сайт

Есть скрипт который добавляет класс по скроллу, но только на один блок

jQuery(document).ready(function($) {

let header = $(".mid-header");
let headerH = header.innerHeight();
let scrollPos = $(window).scrollTop();

checkScroll(scrollPos, headerH)

$(window).on("scroll resize", function() {
    let headerH = header.innerHeight();
    scrollPos = $(this).scrollTop();

    checkScroll(scrollPos, headerH)
});

function checkScroll(scrollPos, headerH) {
    if(scrollPos > headerH) {
        header.addClass("active_nav");
    } else {
        header.removeClass("active_nav")
    }
}

});