[vladislav_zp]

Такая проблема: сделал на лендинге навигацию, в которой меняется активный пункт меню при прокрутке определённой секции, но в момент самого скролла активная ссылка иногда мерцает (в глаза не сильно кидается, но неприятно), а также при наведении курсора на различные ссылки в контенте сайта. В чём может быть проблема?

и подскажите еще один момент, чтобы при нажатии на ссылку в меню, сайт прокручивался к якорю без окончания "..com#home, ..com#contact и т.д." после домена в строке браузера.

вот сам скрипт:

var menu_selector = ".header";
 
function onScroll(){
    var scroll_top = $(document).scrollTop();
    $(menu_selector + " a").each(function(){
        var hash = $(this).attr("href");
        var target = $(hash);
        if (target.position().top <= scroll_top && target.position().top + target.outerHeight() > scroll_top) {
            $(menu_selector + " a.active").removeClass("active");
            $(this).addClass("active");
        } else {
            $(this).removeClass("active");
        }
    });
}
 
$(document).ready(function () {
 
    $(document).on("scroll", onScroll);
 
    $("a[href^=#]").click(function(e){
        e.preventDefault();
 
        $(document).off("scroll");
        $(menu_selector + " a.active").removeClass("active");
        $(this).addClass("active");
        var hash = $(this).attr("href");
        var target = $(hash);
 
        $("html, body").animate({
            scrollTop: target.offset().top
        }, 900, function(){
            window.location.hash = hash;
            $(document).on("scroll", onScroll);
        });
 
    });
 
});