Jquery添加选择器并淡入，但淡出整个标题

基本上，我有我的标题导航我想淡入一旦用户向下滚动超过某一点。这里有一个快速的例子

我遇到的问题是

它淡出了原始标题，即使我将淡出改为使用“显示”。 一旦动画完成并淡出，样式显示：不添加任何内容，内容跳起。

---

下面是一个执行此任务的示例代码段

$window.scroll函数{ /*又添加了一个conditionhasClass，因为一旦document scrollTop>150，此条件将一次又一次成功，但首先我们添加了固定类，因此检查此项可以避免此问题*/ 如果$document.scrollTop>150&！$'header'.hasClass'fixed' { /*此处停止将停止任何正在进行的动画 首先将oppacity设置为0.css'opa…然后添加固定类并从0到1开始动画 */$'header'.stop.css'opacity'，0.addClass'fixed'。动画{opacity:1}； }

---

/*当文档滚动回顶部时，请使用$'main'。动画{'opacity'：0}这将解决显示问题：无问题谢谢你的评论。当我补充说，这就像没有淡入或淡出函数，因为我有它的位置：修复了。我真的不明白为什么这不起作用。如果在淡出完成后使用回调来删除类，不是吗his将解决跳起的内容。即$'main.fadeOut1000，函数{$'main.removeClass'Aspect'；}；哇，谢谢这很好！现在唯一的问题是，当我滚动回原来的标题栏时，不会再出现。我不应该将目标设置为Aspect，因为这是假定淡入淡出的标题栏吗？$window.scrollfunction{if$document.scrollTop>150{$'main.addClass'appeage'；$'appeage.fadeIn1000；}否则{$'.appeage.fadeOut1000，函数{$'main.removeClass'appease'；}；}；这仍然具有相同的效果，但是我的原始标题永远不会返回。尝试添加另一个淡入，仅用于主标题，只是停留在一个尾端上。我只想使用jquery来实现这一点，因为这是我自己制作的第一个片段。我确信缺少一些东西来重新显示标题，我将不得不四处寻找答案修复。谢谢你的帮助。好的，我删除了css动画并添加了jquery动画，检查编辑后的答案我怎样才能用我的代码达到同样的效果？请我试着理解我到底做错了什么，为什么它不起作用，这样我就可以学习了。我们做的是一样的。你的主要是我的标题，出现的是我的固定类，现在我将合作请输入我的代码，然后您可能会理解，希望您理解我所做的

$(window).scroll(function() {
    if ($(document).scrollTop() > 150) {
        $('#main').addClass('appear');
        $('#main').fadeIn(1000);
    } else {
        $('#main').removeClass('appear');
        $('#main').fadeOut(1000);
    }
});