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

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

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