如何顺利地执行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/