2013-08-28 158 views
0

我正在使用gumby框架。 我使用的菜單如下:jquery粘滯導航

<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> 

這是一個單頁的網站。與stellar.js我可以滾動視差效果整個網站鴻溝。

現在我想,這個導航欄是粘性的,當我滾動(導航欄是在網站的第二部分有一個家部分則投資組合等等...)

,所以我嘗試使用jquery航點和使用語法

$(.navbar).waypoint('stycky'); 

但沒有happend ... 插件的作品,因爲如果我這樣做:

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

它的作品! 我不知道該怎麼辦。我也嘗試其他插件,如smint,但沒有發生...! 另一個奇怪的是,如果我做

$(.navbar).fadeOut(); 

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

腳本工作,但不是動畫...

我希望有人能幫助我理解這一點......因爲我惹毛了。 .. 在advace中感謝很多

+0

嘗試$(「導航欄」),所以_with_報價 – Floris

回答