固定标题不会留在IE8中

Question

一旦用户滚动到位于DOM中的位置，我就会在导航栏中滑动此代码，并且在大多数浏览器中都能正常运行。但是在IE8中如果使用滚动条滚动它会滑入并立即滑出。我认为这一定是因为类被添加然后立即删除（可能是.headsup）类。但我不确定如何更改代码以保持此功能

var $win = $(window),
$nav = $('header'),
$next = $('.pingpong')
navTop = $nav.length && $nav.offset().top,
isFixed = 0;
processScroll();
$win.on('scroll', processScroll);

function processScroll() {
    var i, scrollTop = $win.scrollTop();
    if (scrollTop > navTop && !isFixed) {
        isFixed = 1;
        $nav.addClass('hfixed').animate({top: 0}, 300);
        $next.addClass('headsup');
    } else if (scrollTop < navTop && isFixed) {
        isFixed = 0;
        $nav.animate({top: -75}, 300, function(){
            $(this).removeClass('hfixed');
            $next.removeClass('headsup');
        });
    }
}​

http://jsfiddle.net/cutcopypaste/pd83J/