如何使jQuery滚动到稳定菜单？

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

它们的淡出更加平滑和漂亮。我需要在下面的代码中添加哪些代码片段（我不是一名程序员。因此，如果代码看起来一团糟-对不起，但这是我目前要做的工作XD）？：

$（窗口）。滚动（函数（e）{
$el=$（“#标题”）；
如果（$（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'}）；
$（“#主页标题”）.css（{'margin-top'：'30px'）；
}
});

该网站实际上有两个菜单。一个固定在顶部，另一个固定在滚动条上。我建议您也这样做，但是如果您仍然想使用相同的菜单，我建议添加

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

---

：D这工作非常好！非常感谢！这正是我需要的。现在我可以不用再摆弄网站的化妆品了。耶！！！再次感谢。

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