如何順利地執行jQuery滾動條菜單？

Question

我終於可以將頁眉/導航區域設爲滾動條粘貼菜單。我現在唯一的問題是，當我轉換向下滾動，以使頁眉/導航區域棒是很難，而不是那種喜歡這個網站的導航過渡的平滑褪色：

http://www.rodolphecelestin.com/

他們的淡出是甚至光滑和美觀。我需要添加一些代碼來添加到我的代碼中（我不是編碼器，所以如果代碼看起來很亂 - 對不起，但這是我到目前爲止的工作）：

<script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script> 
    $(window).scroll(function(e){ 
     $el = $('#header'); 
     if ($(this).scrollTop() > 480 && $el.css('position') != 'fixed'){ 
     $('#header').css({'position': 'fixed', 'top': '0px'}); 
     } 
     if ($(this).scrollTop() < 200 && $el.css('position') == 'fixed'){ 
     $('#header').css({'position': 'relative', 'top': '0px'}); 
     $('#main-content').css({'margin': '30px 0px 30px'}); 
     $('#homepage-title').css({'margin-top': '30px'}); 
     } 
     }); 
    </script> 

Answer 1

該網站實際上有兩個菜單。一個固定在頂部，一個固定在滾動。我建議做相同的，但如果你仍然想使用相同的菜單我建議增加

.css('opacity','0').animate({opacity:1},300); 

http://jsfiddle.net/rXM7N/1/