jquery - jquery divelement 在滚动动作上重复动画

Question

我有这个功能：

$(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
        $('.scrollup').fadeIn('slow', function() {
            $('.cartinfo').animate({'right': '+=46px'}, 'slow');
        });
    } else {
        $('.scrollup').fadeOut('slow', function() {
            $('.cartinfo').animate({'right': '-=46px'}, 'slow');
        });
    }
});

如果向上滚动淡入，则带有类的 div 应该加上 +46px，淡出时应该加上 -46。

但它会在我所做的每个滚动动作上触发动画。

您对此有解决方案吗？

谢谢

Answer 1

现在，您将fadeandanimate调用绑定到每个滚动操作。您需要弄清楚您希望它们何时触发，因为每个滚动操作显然都不是正确的时间。

一种解决方案是，您可以在触发新动画之前检查元素当前是否正在动画，使用这个类似的问题作为指导。