jQuery：调用和取消函数

Question

当屏幕小于200时，我使用以下代码调用函数但是当滚动超过200时我无法禁用该函数。

function animateHeader() {
    $(selector)
        .animate({ opacity: 0.0, bottom: 70 }, { duration: 600 })
        .animate({ opacity: 0.0, bottom: 50 }, { duration: 0 })
        .animate({ opacity: 0.0, bottom: 70 }, { duration: 600, complete: animateHeader })
    }

    $window.on('scroll', function() {
        if ($(window).scrollTop() < 200) {   
           animateHeader();
        } else {
           // Disable animateHeader()
        }
    }); // Finish scroll

我知道在这种情况下可以选择不调用函数，但是当函数已经激活时是否可以禁用它？

Answer 1

尝试使用stop()功能：

else {
   $(selector).stop();
}