javascript - ユーザーがページをスクロールした後にページを更新すると、ウェイポイント関数が未定義の動作をする

Question

私はナビゲーションバーを持っており、ユーザーが次のウェイポイントを使用してそのポイントを超えてスクロールすると、その位置を固定に変更するように設定しました。

var $navbar = $('.navbar-default');

$navbar.waypoint(function(){
    if ($('#navigation-bar').hasClass('navbar')){
        $('#navigation-bar').toggleClass('navbar-fixed');
    } else{
        ($('#navigation-bar').toggleClass('navbar'));
    }
}, { offset: '28%' });

これにより、ナビゲーションバーが特定のポイントを過ぎてのみユーザー画面に留まることが保証されます。これはほとんどの場合意図したとおりに機能しますが、問題は、ユーザーがそのウェイポイントを超えて下にスクロールしてからページを更新すると、ナビゲーション バーが元の位置に戻り、上にスクロールすると未定義の動作が発生することです。

ユーザーが更新したときに、画面上のすべてのものがまったく同じ場所に留まるようにする方法はありますか?