2

だから私はあなたがここで見ることができるサイトを持っています。スティッキーなナビゲーションバーに問題があります。ページの一番下までスクロールすると、ちらつきが発生します。

私のJSがこれであるとき、それはちらつきません：

<script>
    $(document).ready(function() {
        $('#nav-wrapper').height($("#nav").height());
        $('#nav').affix({
            offset: 675
        });
    });
</script>

しかし、ナビゲーションバーは激しく飛び回っています。ただし、ナビゲーションバーがこれの場合、ジャンプはしませんが、ちらつきます...

<script>
    $(document).ready(function() {
        $('#nav-wrapper').height($("#nav").height());
        $('#nav').affix({
            offset: $('#nav').height()
        });
    });
</script>

明らかに、ちらつきやジャンプのないナビゲーションバーが必要です。FireFox、Chrome、Safariでコードをチェックしました。私を助けてください！

4

1 に答える 1

1

簡単な答え: #nav.affix に適用したのと同じ css プロパティを #nav.affix-bottom に割り当てるだけです。つまり、homegrown.css の変更で

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}

に

#nav.affix, #nav.affix-bottom {
    position: fixed;
    top: 0;
    width: 100%
}

説明:ほとんどの説明はこの投稿にあります。しかし、私のテストに基づいて、ページの終わり近くでスクロールすると..ちらつきが発生していることに気付きました..b / c.affix-bottomがdivにバーストで適用されてい#navました..だから私は単に.affix-bottom同じプロパティを与えました.affix..急激な変化がdivに起こります..これが役立つことを願っています!

于 2013-02-13T07:53:03.610 に答える