菜单粘贴到浏览器底部，然后滚动浏览器顶部

Question

我正在尝试将菜单栏粘贴到浏览器底部并在滚动后粘贴到浏览器顶部。我使用this但有一件事 - 在调整窗口大小后它无法正常工作。我的意思是，当条形贴在顶部并且你调整大小窗口时一切都很好，但是你向后滚动它并不再坚持到底部...另一方面当它粘在底部并且你调整窗口大小时（例如转弯）收藏栏吧）它没有刷新。

请帮忙！

<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>