0

画面上部のヘッダーにナビゲーション メニューがあり、ユーザーが画面を下にスクロールして固定位置を維持するときに色が変わり、固定位置が追加されますが、ユーザーがスクロールして元のスタイルに戻るときに、これを元のスタイルにリセットしたいと思います。トップ。

固定クラスを追加する現在のコードは次のとおりです。

$(function() {
    var offset = $("header").offset();
    $(window).scroll(function () {  
    var scrollTop = $(window).scrollTop();
        if (offset.top < scrollTop) {
            $("header").addClass("fixed");
        } else {
            $("header").removeClass("fixed");
        }
    });
});

しかし、ユーザーが現在行っていないトップに再びスクロールしたときにクラスを削除したいと思います。

よろしく、

トーマス。

4

2 に答える 2

1

将来の訪問者へのメモとして、私は以前にこの問題を抱えていましたが、実際にはスクリプトではなくブラウザがスクロール位置をリセットしていることに気付きました.

一部のブラウザーは、ページをリロードするときにスクロール位置をリセットしようとします。そのため、ウィンドウのスクロールを伴うスクリプトをテストするときは、ブラウザーの更新を使用してページをリロードしないように注意してください。

于 2012-08-24T05:04:39.300 に答える
0

タグを正しく選択していません。このjsfiddleを見てください、それはあなたの問題を解決するはずです:

http://jsfiddle.net/aEJMF/

それはまさにあなたが必要としているものではないかもしれませんが、良いスタートです

于 2012-04-23T13:19:15.400 に答える