JQuery Viewport Селектор Плагин Пропускает

Question

Я знаю, что этот плагин определенно работает - http://www.appelsiini.net/projects/viewport, Я уже успешно использовал его в моем проекте, благодаря этому руководству по jQuery for Designers - http://jqueryfordesigners.com/scroll-linked-navigation/

Вы можете увидеть мою проблему здесь: http://www.jaygeorge.co.uk/gwennan-sage

Я хотел бы иметь триггер для отображения списка контактов, но этот код не работает:

$(window).scroll(function () {
  if ($("#contact-header:in-viewport")) {
     $('nav').css('background-color','red');
  }
});

Я также попробовал что-то, чего нет даже на странице, например

Он постоянно срабатывает, как будто div # contact-header всегда в фокусе. Тем не менее, вы увидите, что этот плагин успешно работает в навигации, с различными подсветками в зависимости от того, на какой части страницы вы находитесь.

Есть ли что-то очевидное, что я делаю не так?

Я даже пытался

$(window).scroll(function () {
    if ($("h6:in-viewport")) {
      $('nav').css('background-color','red');
    }
});

... это все еще подсвечивает навигационную красную, хотя на странице нет h6s!

Большое спасибо,

Jay

Answer 1

Просто предположение, но у вас есть ссылка # content-header, поэтому попробуйте:

$(window).scroll(function () {
if ($("div#contact-header:in-viewport")) {
 $('nav').css('background-color','red');
}
});

ОК, не получится. Попробуйте:

$(window).scroll(function () {
$("div#contact-header:in-viewport").each(function() {
 $('nav').css('background-color','red');
});
});