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>