jQuery waypoints问题

Question

我几天来一直遇到这个问题，似乎我花了24小时的时间盯着屏幕搔脑寻找解决方案。我想我差不多有代码了，我只需要在不在航路点时将div恢复正常（淡入）并且它在测试边界的航点上。

$(document).ready(function() {
    $('#working-with-us').waypoint(function(direction) {
        if (direction === 'down') {
            $('.nav-container').fadeOut();
        }
        else {
            $('.nav-container').fadeOut();
        }
    });

    $('#contact-us').waypoint(function(direction) {
        if (direction === 'down') {
            $('.nav-container').fadeOut();
        }
        else  {
            $('.nav-container').fadeOut();
        }
    });

    $(".test-border").waypoint(function () {
        $('.nav-container').fadeIn();
    });
});

测试边界div位于两个部分之间。任何帮助将不胜感激。

Answer 1

想想我可能已经对它进行了分类。

$(document).ready(function () {
$('#sectionone, #sectiontwo').waypoint(function (direction) {
    if (direction === 'down') {
        if ($('.nav-container').is(":visible")) $('.nav-container').fadeOut(200);
    } else {
        if (!$('.nav-container').is(":visible")) $('.nav-container').fadeIn(200);
    }
});




$("header, .test-border").waypoint(function (direction) {
    if (direction === 'up') {
        if ($('.nav-container').is(":visible")) $('.nav-container').fadeOut(200);
    } else {
        if (!$('.nav-container').is(":visible")) $('.nav-container').fadeIn(200);
    }
});

});