Waypoint.js Смещение на основе направления

Прежде чем это было предложено, я тщательно искал решение и не нашел подходящего, основанного на моих технических возможностях.

Мне нужно иметь возможность изменить смещение этого сценария путевой точки на «-1», если он идет вверх, и на «0», если он прокручивается вниз.

$(document).ready(function(){
$('section').waypoint(function(direction) {
  var me = $(this); //added
  thisId = $(this).attr('id');
  $('ul.side_nav li').each(function(){
    var secondaryID = $(this).attr('class');
    if  ( secondaryID == thisId )
        {
            $('ul.side_nav li').removeClass('active');

            //added
            if(direction==='up'){
                me = $(this).prev();
            }

            //added
            if(!me.length){
                me = $(this);
            }

            $(this).addClass('active');

        }

    });

}); 

});

Я пробовал разные вещи, такие как:

$(document).ready(function(){
$('section').waypoint(function(direction) {
  var me = $(this); //added
  thisId = $(this).attr('id');
  $('ul.side_nav li').each(function(){
    var secondaryID = $(this).attr('class');
    if  ( secondaryID == thisId )
        {
            $('ul.side_nav li').removeClass('active');

            //added
            if(direction==='up'){
                me = $(this).prev();
            }

            //added
            if(!me.length){
                me = $(this);
            }

            $(this).addClass('active');

        }

    });

}); 

$('section').waypoint(function(direction) {
    if (direction === 'down') {
    // Do stuff
    }
    }, {
    offset: '0'
    }).waypoint(function(direction) {
    if (direction === 'up') {
    // Do stuff
    }
    }, {
    offset: '-1'
    });

});

Но не смог получить результат... Опять же из-за моего незнания JS, Jquery и Waypoint.js.

Любая помощь будет принята с благодарностью!


person Unknownmale    schedule 27.01.2015    source источник
comment
возможный дубликат другого смещения для события jquery waypoint up   -  person imakewebthings    schedule 29.01.2015
comment
Как упоминалось выше, это немного отличается, поскольку включает изменение активного класса... Я действительно использовал часть кода, который вы упомянули выше...   -  person Unknownmale    schedule 29.01.2015