Lograr efecto del nav

[Maverick2786]

Bueno perdon la tardanza , pero aqui esta la solucion. Gracias a la ayuda de todos que me indicaron como lo podia hacer:

Funcion para controlar en que parte de la pagina estoy:

Código Javascript:

$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    var porciento = (scroll * 100) / 8688
 
    if (porciento >= 0 && porciento <= 5) //inicio
    {
        $("#nosotros_nav").removeClass("active");
        $("#servicios").removeClass("active");
        $("#tickets_nav").removeClass("active");
        $("#empelos").removeClass("active");
        $("#contacto").removeClass("active");
        $("#inicio").addClass("active");
    } else {
        if (porciento >= 5 && porciento <= 16) //nosotros
        {
            $("#inicio").removeClass("active");
            $("#servicios").removeClass("active");
            $("#tickets_nav").removeClass("active");
            $("#empelos").removeClass("active");
            $("#contacto").removeClass("active");
            $("#nosotros_nav").addClass("active");
        }
        else {
            if (porciento >= 20 && porciento <= 76) //servicios
            {
                $("#inicio").removeClass("active");
                $("#nosotros_nav ").removeClass("active");
                $("#tickets_nav").removeClass("active");
                $("#empelos").removeClass("active");
                $("#contacto").removeClass("active");
                $("#servicios").addClass("active");
            }
            else {
                if (porciento >= 75 && porciento <= 86) //Tickets
                {
                    $("#inicio").removeClass("active");
                    $("#nosotros_nav ").removeClass("active");
                    $("#servicios").removeClass("active");
                    $("#empelos").removeClass("active");
                    $("#contacto").removeClass("active");
                    $("#tickets_nav").addClass("active");
                }
                else {
                    if (porciento >= 83 && porciento <= 96) //empelo
                    {
                        $("#inicio").removeClass("active");
                        $("#nosotros_nav ").removeClass("active");
                        $("#servicios").removeClass("active");
                        $("#tickets_nav").removeClass("active");
                        $("#contacto").removeClass("active");
                        $("#empelos").addClass("active");
                    }
                    else {
                        if (porciento >= 96 && porciento <= 100) //empelo
                        {
                            $("#inicio").removeClass("active");
                            $("#nosotros_nav ").removeClass("active");
                            $("#servicios").removeClass("active");
                            $("#tickets_nav").removeClass("active");
                            $("#empelos").removeClass("active");
                            $("#contacto").addClass("active");
                        }
                    }
                }
            }
        }
    }
 
 
 
});
 

Como se mira en la funcion parto del hecho que ya se cuando mide mi pagina, y cuanto miden en (porcentaje) cada seccion que necesitava