Hướng dẫn active menu on scroll flatsome theme

Hướng dẫn active menu on scroll flatsome theme

jQuery(document).on("scroll", function(){
    
    var scrollPos = jQuery(document).scrollTop();

    jQuery('ul.header-nav.header-nav-main.nav > li.menu-scroll > a').each(function () {
        var currLink = jQuery(this);
    var targetString = 'span[data-link="'+ currLink.attr("href") +'"]';
        var refElement = jQuery( targetString  );
        var nextSectionHeight = jQuery(refElement).next().height();

        if ( refElement && refElement.position().top <= scrollPos && refElement.position().top + nextSectionHeight > scrollPos) {
            jQuery('ul.header-nav.header-nav-main.nav > li.menu-scroll').removeClass("active");
            currLink.parent('li.menu-scroll').addClass("active");
        }
        else{
            currLink.parent('li.menu-scroll').removeClass("active");
        }
    });

});