Javascript 动画不必要的延迟

Javascript 动画不必要的延迟,javascript,jquery,Javascript,Jquery,$(窗口)。滚动(函数(){ var scrollTop=$(窗口).scrollTop(); //设置导航背景 如果(滚动顶部>50){ $('.nav')。设置动画({ 高度:“90px”, 背景颜色:“rgba(0,0,0,0.7)” }); }否则{ $('.nav')。设置动画({ 高度:“120px”, 背景颜色:“rgba(0,0,0,0.0)” }); } }); .nav{ 高度:120px; 宽度:100%; 背景颜色:橙色; 位置:固定; } .内容{ 背景

$(窗口)。滚动(函数(){
var scrollTop=$(窗口).scrollTop();
//设置导航背景
如果(滚动顶部>50){
$('.nav')。设置动画({
高度:“90px”,
背景颜色:“rgba(0,0,0,0.7)”
});    
}否则{
$('.nav')。设置动画({
高度:“120px”,
背景颜色:“rgba(0,0,0,0.0)”
});    
}
});
.nav{
高度:120px;
宽度:100%;
背景颜色:橙色;
位置:固定;
}
.内容{
背景色:黑色;
高度:4000px;
宽度:100%;
}

一定有CSS转换延迟将其保留在某个位置。尝试在动画发生时检查元素的css,然后将其追溯到css。

动画之前添加
停止()

$('.nav').stop().animate(...)

你根本不想让它成为动画?你确定动画正在开始吗?哈哈哈。。。当然,我想制作动画,但它会等待6秒钟,然后再制作动画。我希望你能理解我不想要那6秒的等待时间,明白吗?是的,大约6秒后它就会开始,但它会直接开始。我可以拿把小提琴吗?奇怪的是,我的css代码中没有任何转换,除了一个按钮可以平滑地改变不透明度(转换:不透明度0.5s,顶部0.2s;),它排除了css,这通常会让您专注于在javascript端找到问题的根源。转换延迟可能也会进入任何引导程序或您可能已插入的其他css库。也就是说,排除CSS的动画问题将是我清单上的第一件事,然后是深入研究JS方面的问题。在这种情况下,排队的动画阻碍了表演。太棒了!解决了我的问题,谢谢!实际上它的工作原理有点奇怪,我的QUE中只有一个我能想到的动画,但每次滚动触发另一个动画时,它都能正常工作,并且动画在队列中运行,除非您
stop()