jQuery和滚动动画冲突

Question

当我只滚动一点时，我的功能可以工作100％，但是当我向下滚动所有页面并快速向上滚动时，我的opacity：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);
    }
});

Answer 1

由于您的function调用发生了多次，因此您必须在开始另一个animation之前清除animation queue ，请阅读.stop（）以获取进一步的说明。

尝试这个，

$(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);
    }
});