Velocity.js会触发fadeOut而不是fadeIn

Question

我有以下代码

if($(window).scrollTop()!=0){
        console.log('doout');
        $("#topbottom").velocity("fadeOut", { delay: 500, duration: 1500 });
    }else{
        console.log('doin');
        $("#topbottom").velocity("fadeIn", { delay: 500, duration: 1500 });
    }
}

它会在滚动时触发fadeOut，但它不会触发淡入淡出。当我回到滚动零时，它会将doin写入控制台...

有点困惑。

由于

Answer 1

我认为您在滚动发生时正在执行提供的代码。

要达到预期效果，您需要停止或完成以前的动画，并且只启动一次新动画，如果您不停止上一个动画，则所有新动画都将排队。

您需要确定滚动位置何时从0更改为任何其他位置以及从任何其他位置更改为0。

displayList

请检查this working fiddle