jquery - メニューはブラウザの下部に固定され、スクロールするとブラウザの上部に固定されます

Question

スクロールした後、メニューバーをブラウザの下部とブラウザの上部にくっつけようとしています。私はこれを使用しましたが、ウィンドウのサイズを変更すると正しく動作しません。つまり、バーが上にくっついてウィンドウのサイズを変更すると、すべて問題ありませんが、上にスクロールすると、もう下にくっつきません... 一方、下にくっついてウィンドウのサイズを変更すると（たとえば、お気に入りバーがオンになっている場合)、更新されません。

助けてください！

<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
$(document).ready(function() {

   var WH = $(window).height();
   var fixBottom = WH - $('.menu-bar').outerHeight(true);

$('.menu-bar').css({'top': fixBottom + 'px'});   

   $(window).scroll(function() {
       var scrollPos = $(this).scrollTop();
    if ( scrollPos > fixBottom ) {
        $('.menu-bar').css({'position':'fixed','top' :'0px'});
    } else {
        $('.menu-bar').css({'position':'absolute','top': fixBottom +'px'});
    }
});

});

});//]]>  

</script>