podświetl punkty nawigacyjne podczas przewijania w dół na stronie

Spróbuję to wyjaśnić :) Mam nawigację, która przewija do różnych kotwic na stronie. Gdy użytkownik znajduje się na jednej z kotwic, nawigacja pokazuje aktywne łącze.

Teraz myślę, że jednym fajnym efektem byłoby, gdyby użytkownik, powiedzmy, był na górze strony, kliknął na link, który przenosi nas na dół na stronie i podczas gdy przewijanie w dół każdego linku pomiędzy nimi będzie podświetlone, gdy przewiń przez. Jak światło stopu.

Mam na razie ten Jquery, ale tylko jego klasę dodaj / usuń w klikniętym linku. Jakieś pomysły na to, jak powinienem kontynuować?

$(document).ready(function($){
    $('a').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 500);
        return false;
    });

        $('.navigation ul li a').click(function () {
        $('.navigation ul li a').removeClass('active');
            $(this).addClass('active');
    });   
});

Stworzyłem teżJSfiddle

questionAnswers(1)

yourAnswerToTheQuestion