使用jquery的粘性导航

我正在使用gumby框架。 我使用的菜单如下：

 <section class="page" id="portfolio" data-slide="portfolio" data-stellar-background-ratio="0.5">

  <header id="navigazione">
    <div class="navbar" id="nav1">
      <div class="row">
        <a class="toggle" gumby-trigger="#nav1 > .row > ul" href="#"><i class="icon-menu"></i></a>
        <h1 class="four columns logo">
          <a data-slide="home" href="#">
            <img src="img/gumby_mainlogo.png" gumby-retina />
          </a>
        </h1>
        <ul class="eight columns">
          <li data-slide="portfolio"><a href="#">Portfolio</a></li>
          <li data-slide="about"><a href="#">Chi sono</a></li>
          <li data-slide="contact"><a href="#">Contatti</a></li>
        </ul>
      </div>
    </div>
  </header>

</section>

但是什么都没发生。。。 插件可以工作，因为如果我这样做：

    $(.navbar).waypoint(function() {
alert('pippo');
});

它起作用了！ 我不知道该怎么办。我也尝试了其他插件，比如smint，但是什么都没发生。。。！ 另一件奇怪的事是如果我

$(.navbar).fadeOut();

$(.navbar).waypoint(function() {
   $(.navbar).fadeIn('slow');
});

脚本工作，但动画不工作

我希望有人能帮助我理解这一点…因为我快疯了。。。 非常感谢advace

• 应该是“粘性”而不是“stycky”

另外，您的导航栏CSS类的位置设置为“固定”吗？您应该确认它是用于Waypoint Sticky的

试试$（“.navbar”），所以用引号

$(.navbar).fadeOut();

$(.navbar).waypoint(function() {
   $(.navbar).fadeIn('slow');
});