1

私がやりたいのは、ドキュメントの最初の200ピクセル以内にない限り、ウィンドウの上部から10ピクセルの位置にある固定ナビゲーションバーを用意することです。次に、上部から200ピクセルの位置にします...

したがって、基本的には、最初は上から200ピクセルのナビゲーションバーが必要ですが、ユーザーが190ピクセル下にスクロールすると、ナビゲーションバーがスクロールし、ウィンドウの上部から常に10ピクセルのままになります。

4

1 に答える 1

3

最初にウィンドウのスクロールイベントをリッスンし、次にスクロール値を使用して要素に適用する状態を確認します。jQueryの例：

var fixed = false, limit = 50;
$(window).scroll(function()
{
    if (window.scrollTop < 50 && fixed)
    {
        $("#header").css({ position: "relative" });
        fixed = false;
    }
    else if (window.scrollTop > 50 && !fixed)
    {
        $("#header").css({ position: "fixed" });
        fixed = true;
    }
});

コード例については、この投稿にも関連しています

于 2012-12-07T14:20:26.417 に答える