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中感謝很多
嘗試$(「導航欄」),所以_with_報價 – Floris