jQuery不要等到滚动停止才能运行代码？

Question

我的标题在滚动显示/隐藏时出现问题。下面的代码几乎按预期工作，唯一的警告是，仅在滚动停止后才运行。

$(window).scroll(function(e) {
    if (top.location.pathname === '/') {

        var scrollHeight = $(window).scrollTop();
        var heroHeight = $("#home #hero").height();

        if (scrollHeight >= heroHeight) {
            $('.navbar').css("display", "block");
            $('.navbar').stop().animate({
                top: 0
            }, 200);
        } else {
            $('.navbar').stop().animate({
                top: "-50px"
            }, 200);
        }
    }
});

关于为什么一旦高度大于heroHeight却无法运行的任何想法？