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/

如何顺利地执行jQuery滚动到粘贴菜单？

1 个答案: