Javascript jQuery与滚动动画冲突

当我只滚动一点点时，我的函数100%工作，但当我向下滚动所有页面并快速向上滚动时，我的不透明度：0需要更长的时间或根本不工作。你知道为什么吗？是因为我多次调用我的函数吗

$(window).scroll(function () {
    var TopValue = $(window).scrollTop();
    if (TopValue <= 50) {
        $("div.mouseover > p").css('opacity', 0);
    } else {
        $("div.mouseover > p").animate({
            opacity: '1.0'
        }, 1000);
    }
});

$（窗口）。滚动（函数（）{
var TopValue=$（窗口）.scrollTop（）；
如果（TopValue因为您的
函数
调用多次发生，您必须先清除
动画队列
，然后再开始另一个
动画
，请阅读进一步的说明

试试这个

$(window).scroll(function () {
    var TopValue = $(window).scrollTop();
    if (TopValue <= 50) {
        $("div.mouseover > p").css('opacity', 0);
    } else {
        $("div.mouseover > p").stop().animate({
            opacity: '1.0'
        }, 1000);
    }
});

$（窗口）。滚动（函数（）{
var TopValue=$（窗口）.scrollTop（）；
if（TopValue）Try
$（“div.mouseover>p”）.stop（true，true）.css（'opacity'，0）；