Estou tentando atualizar a navegação para um site de uma única página usando waypoints da jQuery.

Quero atualizar a navegação com base na seção atual em exibição. Funciona bem ao descer usando os links de navegação. Meu problema é quando você tenta rolar para uma seção acima da seção atual na visão da âncora ativa é um abaixo onde deveria estar.

Por favor, veja meuDemonstração.

jQuery

$(document).ready(function(){
        $('section').waypoint(function(direction) {
          thisId = $(this).attr('id');
          $('ul li').each(function(){
            var secondaryID = $(this).attr('class');
            if  ( secondaryID == thisId )
                {
                    $('ul li').removeClass('active');
                    $(this).addClass('active');
                }
            });
    },{offset: '0'});   
}); 
$('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        || location.hostname == this.hostname) {

        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
           if (target.length) {
             $('html,body').animate({
                 scrollTop: target.offset().top
            }, 500);
            return false;
        }
    }
});

HTML

<ul>
    <li class="test"><a href="#test"></a></li>
    <li class="test2"><a href="#test2"></a></li>
    <li class="test3"><a href="#test3"></a></li>
    <li class="test4"><a href="#test4"></a></li>
    <li class="test5"><a href="#test5"></a></li>
</ul>
<section id="test"></section>
<section id="test2"></section>
<section id="test3"></section>
<section id="test4"></section>
<section id="test5"></section>

Atualizar

Eu tenho isso para trabalhar usando duas funções de waypoint com diferentes deslocamentos, mas esta não é claramente a melhor solução.

http://jsfiddle.net/SJkmh/10/

Eu estou tentando encontrar uma maneira de especificar deslocamentos de dentro da mesma função (dependendo da direção), eu usei uma variável para deslocamento com valores de (1 & -1), mas infelizmente ele usa apenas +1.

http://jsfiddle.net/SJkmh/13/