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.

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

0 ответов

Другие вопросы по тегам