jQuery航点问题答案

【问题标题】：jQuery waypoints issuejQuery航点问题
【发布时间】：2013-06-08 11:55:47
【问题描述】：

这几天我一直遇到这个问题，似乎在过去的 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 位于两个部分之间。任何帮助将不胜感激。

【问题讨论】：

你能提供一个jsfiddle的例子吗？
jsfiddle.net/8AXUH/2 我基本上需要在橙色/绿色（淡入）中看到导航栏，但在红色/紫色部分会淡出。谢谢
类似这样的东西：jsfiddle.net/IrvinDominin/hBLkd/1
我想我之前尝试过，向上滚动时似乎不正确。不过谢谢:)
得到这个工作的爱德华，以防万一你喜欢看。 jsfiddle.net/8AXUH/3 ...我现在唯一的问题是我希望它在浏览标题中的图像时淡出。

标签： jquery jquery-plugins jquery-waypoints

【解决方案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);
    }
});

});

【讨论】：