Firefox中的bootstrap词缀底部不顺畅

Question

我在这段代码上遇到了关于bootstrap affix-bottom的问题：http://jsfiddle.net/uvnGP/131/

var headerHeight = $('header').outerHeight(true);
var footerHeight = $('footer').innerHeight();
$('#account-overview-container').affix({
    offset: {
    top: headerHeight,
    bottom: footerHeight
    }
}).on('affix.bs.affix', function () { // before affix
    $(this).css({
        'width': $(this).outerWidth()  // variable widths
    });
}).on('affix-bottom.bs.affix', function () { // before affix-bottom
    $(this).css('bottom', 'auto'); // THIS is what makes the jumping
});

当jsfiddle上的滚动顺利但是一旦我在本地测试代码（使用Firefox），它根本不流畅（有时我滚动页脚并在页脚上显示导航，请检查此屏幕截图http://awesomescreenshot.com/04e2gnjk17）。我用firebug检查它显示导航类在页脚滚动时在词缀和词缀底部之间改变（如果在页脚滚动，它应该显示在词缀底部）。

我该如何解决这个问题？

由于 Chalat