Question

我正试图贴上＆amp;当用户向下滚动页面时，将菜单滚动到网站顶部（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”插件应用，有效地隐藏了导航栏的继承属性。

我通过动态和强制调整窗口大小来解决这个问题：

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

编辑：将此标记为已回答。我可以在发布bootstrap 2.3.0时跟进。

Bootstrap词缀仅在Firefox上奇怪地调整大小

1 个答案: