应用CSS'；fadeInDown'；div上的动画停止jQuery'；滚动至淡入'；在同一个部门工作

有人知道为什么在一个div上应用CSS'fadeInDown'动画会阻止jQuery'Scroll to Fade'在同一个div上工作吗

---

我正在开发一个交互式信息图形，希望一段文本使用CSS fadeInDown淡出，但也可以使用CSS在滚动时淡出。jQuery淡入式滚动在div上应用良好，直到我添加CSS“fadeInDown”。这是指向我遇到问题的部分的链接。

如果修改子元素而不是动画父元素的不透明度属性，则看起来像不透明度堆栈

$(window).bind('scroll', function(){
    var offset = $(document).scrollTop()
        ,opacity=0
    ;
    if( offset<=fadeStart ){
        opacity=1;
    }else if( offset<=fadeUntil ){
        opacity=1-offset/fadeUntil;
    console.log(opacity);
    }
    headintro.children().css('opacity',opacity);
});

$（窗口）.bind（'scroll'，function（）{
var offset=$（文档）.scrollTop（）
，不透明度=0
;
如果（星外它们相互抵消了吗？是的@而且它们各自都能很好地工作，但是当两者都在一起时，CSS动画优先于jQuery，看起来两者都能工作。你试过使用jQuery航路点吗？它们可能会帮助你做滚动淡入淡出的事情，这意味着你的CSS在使用时将保持不变。）在内容中淡入的航路点，尽管我不确定如何使用航路点在标题部分的div中淡入