jquery - jQuery航点问题

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);
    }
});

});