2

ユーザーがページを下にスクロールするときに、メニューをサイト（ http://www.vaccinateyourdoctors.org/ ）の上部に貼り付けてスクロールしようとしています。

例としてブートストラップドキュメントを使用して、私は呼び出しています：

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

これはChrome/Safariで完全に機能しますが、Firefoxでのみ、レスポンシブコントロールが機能しているように見え、ナビゲーションバーのサイズが大幅に狭くなります。

私がどこで間違っているのか考えていますか？

[特に、Bootstrap 2.3.0-wip gitブランチを試しましたが、この問題は解決されていないようです。]

4

1 に答える 1

0

何度も突っ込んだ後、navbarが取り付けられていると、Bootstrapの再生が不十分になるようです。これは、「position：fixed;」が原因です。「affix」プラグインによって適用されるプロパティは、ナビゲーションバーの継承されたプロパティを効果的に非表示にします。

私はこれを醜い方法で回避しました。次の方法で、ウィンドウのサイズを動的かつ強制的に変更しました。

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

編集：これを回答済みとしてマークします。ブートストラップ2.3.0がリリースされたときにフォローアップする場合があります。

于 2013-01-24T02:59:35.350 に答える