Waypoint.js基于方向的偏移量

时间:2015-01-27 12:26:19

标签: javascript jquery jquery-waypoints

在建议之前,我已经广泛搜索了一个解决方案,并且根据我的技术能力找不到合适的解决方案。

我需要能够将此航点脚本的偏移量更改为“-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 个答案:

没有答案