jquery - 我如何顺利地做一个 jQuery 滚动粘贴菜单？

Question

我终于能够让标题/导航区域成为一个滚动到棒的菜单。我现在唯一的问题是，当我向下滚动过渡以使标题/导航区域粘住时，很难而不是像本网站的导航那样平滑淡入淡出：

http://www.rodolphecelestin.com/

他们的淡出甚至是平滑和漂亮的。我需要在下面的代码中添加什么代码片段（我不是编码员。因此，如果代码看起来很乱 - 抱歉，但这是我到目前为止要做的工作 XD）？：

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