仅在Firefox上，Bootstrap affix的大小出现异常

Question

当用户向下滚动页面时，我正在尝试将一个菜单附加到站点顶部( http://www.vaccinateyourdoctors.org/ )。

以Bootstrap Docs为例，我调用：

!function($) {
    $(function() {
        $('.navbar').affix({
            offset: $('.navbar').position() });
    });

这在Chrome/Safari中工作得很好，但只在Firefox中，响应式控件似乎起作用了，并将导航栏的大小调整为更窄。

你知道我哪里错了吗？

其中，我尝试了Bootstrap 2.3.0-wip git分支，但似乎不能解决这个问题。

Answer 1

经过多次尝试后，似乎Bootstrap在附加导航栏时表现不佳。这是因为由"affix“插件应用的"position:fixed;”属性有效地隐藏了导航栏的继承属性。

我已经以一种丑陋的方式解决了这个问题，通过动态且强制地调整窗口大小，通过：

$(window).bind("resize", function(){ $('#target').css("width",$('#target').width()); })
$(window).bind("scroll", function(){ $('#target').css("width",$('#target').width()); })

编辑:将此标记为已应答。我可能会在bootstrap 2.3.0发布时跟进。