2013-06-08 2 views
0

У меня были проблемы с этим в течение нескольких дней, и кажется, что я провел последние 24 часа, глядя на экран, почесывая голову, чтобы найти решение. Я думаю, что я почти где-то с кодом, мне просто нужно, чтобы div возвращался в нормальное состояние (исчезает), когда он не находится в путевой точке, и он находится в контрольной точке границы теста.jQuery waypoints issue

$(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 находится между двумя разделами. Любая помощь будет оценена по достоинству.

+0

Можете ли вы привести пример jsfiddle? –

+0

http://jsfiddle.net/8AXUH/2/ Мне в основном нужен навигационный бар, который можно увидеть оранжевым/зеленым (fadeIn), но fadeOut во время красных/фиолетовых разделов. Спасибо – Liam

+0

Что-то вроде этого: http://jsfiddle.net/IrvinDominin/hBLkd/1/ –

ответ

0

Возможно, я его отсортировал.

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

}); 
Смежные вопросы