2

ユーザーがスクロールしたときにページの上部に固定されたままになるスティッキーナビゲーションを作成しました。その後、ユーザーが上にスクロールすると、通常の位置に戻るはずです。これはローカルホストで完全に機能していますが、オンラインでアップロードすると、ページを少しスクロールしてもすぐにスティッキーナビゲーションが真っ直ぐ上にジャンプし続け、通常の位置に戻ることはありません。

関連するjQueryは次のとおりです。

var yOffset = $("#local-nav-wrapper").offset().top;
$(window).scroll(function() {
    if ($(window).scrollTop() > yOffset) {
        $("#local-nav-wrapper").css({
            'top': 0,
            'bottom': 'auto',
            'position': 'fixed'
        });
    } else {
        $("#local-nav-wrapper").css({
            'top': 'auto',
            'bottom': 0,
            'position': 'absolute'
        });
    }
});

関連するCSSは次のとおりです。

#local-nav-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 0;
    z-index: 6000;
}
4

2 に答える 2

1

IE で作業している場合は、またはに置き換え$(window).scrollTop()てみてください。多分それは役立ちます。document.documentElement.scrollTopwindow.scroll(0,0)

于 2012-10-09T13:15:02.683 に答える
0

同じ問題をトラブルシューティングしています。次のことを示唆するcss トリックに関するこのスレッドを見つけました。

ローカルホストにロードすると、非常に高速で正しい値が取得されますが、サーバーでは要素が設定される前に値が取得されます。

于 2016-03-29T15:39:55.947 に答える