スティッキーナビゲーションが動作しない

Question

スクロールバーがそのメニューにヒットしたら、メニューに「固定」クラスを追加しようとしています。私はそれを動作させることに成功しましたが、ユーザーが一番上にスクロールした後にクラスを削除することに問題がありました。あなたは、メニューの元の値を登録する必要があり

$(window).bind('scroll', function() { 
    var menu = $('.bottom-row'); 
    if ($(window).scrollTop() >= menu.offset().top) { 
     menu.addClass('menufix'); 
    } else { 
     menu.removeClass('menufix'); 
    } 
}); 

Answer 1

：http://www.allbyor.com/

ここに私のJSコードである：ここで

は、私が働いているサイトです。変数を offset().topに変更すると、 がに固定されます。 の値がの場合は、 $(window).scrollTop()と同じになります。

JSFiddle demo。

var menu = $('.bottom-row'); 
var menu_top_value = menu.offset().top; 

$(window).bind('scroll', function() { 
    if ($(window).scrollTop() >= menu_top_value) { 
     menu.addClass('menufix'); 

    } else { 
     menu.removeClass('menufix'); 
    } 
});