0

私が取り組んでいる Web サイトでは、ヘッダーが常に表示されたままになるように、スクロール時にヘッダーをフローティング ヘッダーに変換する次の JQuery を作成しました。この移行をもう少しスムーズにする方法を誰かが知っているかどうか疑問に思っていました. 現在、それは非常に迅速に行われ、あまりスムーズではありません。

Jクエリ：

$(window).scroll(function(){
    var header = $("#header");
    var top = $(window).scrollTop();
    if (top > 125) {
        header.addClass('fixed-header');
    }
    else{
        header.removeClass('fixed-header');
    }
});

CSS :

.fixed-header{
    position: fixed; 
    width: 980px;
}
4

1 に答える 1

0

なぜ移行が必要なのですか？

ヘッダーを常にフローティング モードにしておくだけで、一方のモードと他方のモードを切り替えるための JavaScript は必要ありません。ユーザーがページの一番上にいるので、ヘッダーも一番上になります。を使用するだけposition: fixedです。

于 2013-04-28T16:50:18.707 に答える