jQuery视口选择器插件失灵

Question

我知道这个插件肯定有效 - http://www.appelsiini.net/projects/viewport，我已经在我的项目中成功使用了它，感谢这个jQuery for Designers教程 - http://jqueryfordesigners.com/scroll-linked-navigation/

您可以在此处查看我的问题：http://www.jaygeorge.co.uk/gwennan-sage

我想在触点div处于显示状态时触发，但此代码无效：

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

我也尝试了一些甚至不在页面上的东西，例如。

它一直在关闭，好像#contact-header div始终处于焦点。 但是，您会看到此插件在导航中成功运行，具有不同的高光，具体取决于您所在页面的哪个部分。

有什么明显的东西我做错了吗？

我甚至尝试过

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

......即使页面上没有h6，这仍然会突出显示导航红色！

非常感谢，

杰

Answer 1

只是一个猜测，但你有一个#content-header的href，所以试试：

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