Javascript 添加和删除类时应用转换效果

尝试在添加和删除类时添加滑动过渡效果。已尝试在下面创建此粘性导航js：

我的尝试：

我尝试通过添加

1000，“easeInOutQuad”

来实现这一点，尝试通过jquery实现这一点，而不使用CSS3（请不要使用css）
问题>>

我正在尝试实现幻灯片效果，就像>>

尝试利用；在添加

.css（“top”，0）

之前添加

.darkHeader

类

，将

颜色：小麦

添加到

.darkHeader

css

$（函数（）{
lastScroll=0；
函数_scroller（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动<10）{
$（“.nav”）.stop（）
.制作动画({
背景颜色：“rgb（250227183）”
}, {
持续时间：1000，
放松：“轻松的户外”
})
.removeClass（“darkHeader”）；
}else if（上次滚动-滚动>10）{
如果（！$（“.nav”）.是（“：动画”））{
$（此）.off（“滚动”）；
$（“.nav”）.stop（）
.css（“顶部”，-24）
.制作动画({
排名：0，
背景颜色：“rgb（0,0,0）”
}, {
持续时间：1000，
放松：“放松”，
完成：函数（）{
$（window）.on（“scroll.t”，function（）{
如果（$（窗口）.scrollTop（）<1）{
$（this.off）（“scroll.t”）
.on（“scroll”，_scroller）.scroll（）
}
})
}
})
.addClass（“darkHeader”）；
}
}否则{
$（“.nav”）.stop（）
.制作动画({
背景颜色：“rgb（243221180）”
}, {
持续时间：1000，
放松：“轻松的户外”
})
.removeClass（“darkHeader”）；
}
lastScroll=滚动；
}
$（窗口）.on（'scroll'，\u scroller）
});
正文{
字体系列：“Rokkitt”，Helvetica，Arial，无衬线；
字号：18px；
线高：20px；
背景#f8f0；
保证金：0；
}
darkHeader先生{
/*背景色：黑色！重要*/
位置：固定；
颜色：小麦；
}
.导航{
宽度：100%；
背景色：小麦；
填充：10px；
}
.菜单{
浮动：对；
光标：指针；
利润上限：-8px；
}
#内容{
边缘顶部：150px；
填充顶部：20px；
}
.包裹{
最大宽度：800px；
保证金：0自动；
填充：0 40px；
}
#顶跨{
空白：nowrap；
}

粘性顶部导航栏
一些填充文本
培根同侧肉多洛坐在阿梅特·莫利特球尖上，在胸脯上放一个肉丸。Capicola rump turducken，elit shankle Cupidata pastrami duis肥背犬。圣奥凯卡基尔巴萨劳动熏牛肉咸牛肉。生猪培根，福吉亚猪或动物
干葡萄酒和鹿肉香肠圣酒。猪排烤火鸡，杜伊斯腌牛肉，里脊短肉。卡皮科拉菲力牛排，咸牛肉片，意大利腊肠。多纳实验室
牛肉排骨无标识。安多维尔欧盟肉丸圣餐火腿节。这是一种多洛尔肉牛里脊肉，是一种腌制牛肉多洛尔t形骨。在意大利腊肠干cupidatat和火腿hock irure reprehenderit鸡肉鸡腿香肠广告中，猪精英意大利腊肠。
三尖圣餐t骨意大利腊肠，半干练习火腿和临时nostrud enim。不含香肠的牛排。Chuck anim排骨，三尖鸡肉培根舌头球尖。最爱舌头的人是艾乌斯莫德·维尼安·圣特嫩腰肉
布列萨奥拉牛排，意大利熏牛肉。
莫利特火鸡猪排，鸡腿舌根熏牛肉。例外情况下，应将短腰肉与长腰肉分开。Ut非短肋球头。精英牛肉无侧翼reprehenderit汉堡。
肥背鸡腿大香肠咸牛肉熏牛肉排骨。不含牛肉，鹿肉，牛腰肉，猪肩肉，里脊肉。臀肉牛排排骨鸡腿和鸡腿牛排
劳尔。

舌尖菲力牛排，精英法国香肠配尼西三尖意大利腊肠。圆头牛肉浓汤，法国软泥，干牛腰肉，查克·多洛尔。香肠浓汤排骨，舌猪肚。T骨肥背动物
拉伯里斯安多维尔肉丸火腿

这是一份临时的牛扒肉排。多洛猪肉。Nisi reprehenderit shank，汉堡干麦格纳鸡腿肉饼duis t形骨临时奶牛。安多维尔肉排尾
莫利特牛肉。Shankle pig cillum aliquip，实习t形骨磨圆火腿夹头kevin brisket dolore ullamco。猪排卡皮科拉罪魁祸首多纳诺斯特鲁德菲力猪里脊肉馅
猪肚

这是一种无尾火腿。猪排，鹿肉片，卷尾猪排，猪腿，猪尾。兰德杰格猪肉
排骨，除动物凯文·法兰克福舌腌牛肉外的软脊嫩脊。我要大猪排。布丁汉堡包是一种罪过。肉丸子里贝耶，肩肉。劳动纤毛
奥卡卡特萨拉米香肠是一种劳动。前NullaPancetta火腿飞节舌头，andouille aute Labourum velit牛排牛排排骨。除咸牛肉外，菲力鸡腿牛排是一种大型的鹿肉制作方法。纤毛
这是一种腌牛肉。猪肚皮大白猪的舌头

当然，也可以说是猪的t形骨。这是一个很好的例子，球头的意大利香肠和香肠。图尔达肯·多洛·伊鲁尔·康莫多p
lastScroll = 0;
$(window).on('scroll',function() {    
    var scroll = $(window).scrollTop();
    if(scroll === 0){
        $(".nav").removeClass("darkHeader");
    } else if(lastScroll - scroll > 0) {
        $(".nav").addClass("darkHeader");
    } else {
        $(".nav").removeClass("darkHeader");
    }
    lastScroll = scroll;
});

lastScroll = 0;
$(window).on('scroll',function() {    
    var scroll = $(window).scrollTop();
    if(scroll === 0){
        $(".nav").removeClass("darkHeader", 1000, "easeInOutQuad");
    } else if(lastScroll - scroll > 0) {
        $(".nav").addClass("darkHeader", 1000, "easeInOutQuad");
    } else {
        $(".nav").removeClass("darkHeader", 1000, "easeInOutQuad");
    }
    lastScroll = scroll;
});