jquery - スクロールにリンクされたポジショニングのない現在のナビゲーション位置

Question

Firefox コンソールに次のエラーが表示され、アニメーションがぎくしゃくします。

このサイトは、スクロールに連動したポジショニング効果を使用しているようです。これは、非同期パンではうまく機能しない場合があります。

Firefox のサポート ポストを確認しましたが、私のシナリオに関連する例は見当たりませんでした。

訪問者が現在ページのどこにいるかを示すアンカーベースのナビゲーション メニューがあります。これを処理するために使用しているjQueryは次のとおりです。

$(window).scroll(function(){

    var scrollpos   = $(this).scrollTop();
    var pad         = $('.panel_header').outerHeight();

    $('.form_group').not('.sub_group').each(function(i){

        if(scrollpos + $(window).height() == $(document).height()){

            $('ul.tabs li').removeClass('active_tab');
            $('ul.tabs li:last-child').addClass('active_tab');

            return false;

        } else if(scrollpos+pad < $(this).position().top+($(this).height()/2)){

            var id  = $(this).attr('id').replace('-table','-tab');
            var tab = $('#'+id);

            if(tab.length > 0){

                $('ul.tabs li').removeClass('active_tab');
                tab.addClass('active_tab');
            }
            return false;
        }
    });
});

基本的に、アンカーの位置に対してスクロール位置をチェックし、アンカーが近くにある場合は CSS クラスを切り替えます。CSS はトランジション効果を処理します。

スクロールにリンクされたポジショニング効果を必要とせず、スクロールが不安定になる別の方法はありますか?