ユーザーがページ上でそれを超えてスクロールすると、サブメニューを所定の位置に修正するjQueryをいくつか作成しました。jQuery は、サブメニューのクラスを変更して修正します。1 つのシナリオを除いて、これはすべて正常に機能します。それは、Firefox でページを更新した場合です。他のブラウザーではこの問題は発生しません。
$(function(){
var menu = $('#submenu_wrapper'),
pos = menu.offset();
$(window).scroll(function(){
if($(this).scrollTop() >= pos.top-57 && menu.hasClass('')){
menu.addClass('fixed');
$('.content_push').css({"height":"109px"});
} else if($(this).scrollTop() <= pos.top-57 && menu.hasClass('fixed')){
menu.removeClass('fixed');
$('.content_push').css({"height":"57px"});
}
});
});
ページが更新された場合に Firefox が変更されたクラス状態を保持するように、私ができる変更はありますか? 同様の固定メニュー動作がこれを行うのを見たことがありますが、その方法がわかりません。たとえば、Twitter Bootstrap サイトの Javascript セクションに移動すると、これとまったく同じことが行われます。
乾杯。